Home Forums Technical Support Background Image For Whole Site

Topic Resolution: Resolved

This topic contains 11 replies, has 2 voices, and was last updated by  Nitro Support 4 months, 3 weeks ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
  • #18560

    Hi There,

    I am trying to set a background image for the entire site.

    Can you please instruct me on how to do this ?

    I have attached a screenshot of what the background needs to be.

    Could you help asap.



    You must be logged in to view attached files.


    It will need some custom css to achieve this result, because a page has difference sections, not a whole block only.

    I can’t access your site: http://prntscr.com/o2i68f

    Could you please kindly recheck? Thank you



    Thanks for your reply,


    The old template is still in place.

    I have a test site here running the Nitro template here:


    Username: admin

    Password: pass

    Could you have a look at the dev site and see if it is possible.
    The image background would need to be site wide.

    Thanks for your help.





    Does the site work normally for you? Because I can’t access both 2 sites, it’s throwing the error below:


    By the way, there isn’t have any way to set a background image for the whole page, you just able to set a background for each section on your page only, for example, you have a Row section on your page > You can add the background in that Row here:


    For the Header area, it’s the same case, you can add the background for it via the settings here:



    Thank you


    Hi There,
    Thanks for your suggestion but its not working.
    The background does not display when adding it to a row.
    I have tried adding a unique ID per row and using the css below to try and style.
    But this does not work as the background image is not full width.

    Is there any other suggestions?

    Also can you try use an Irish IP address via Hola, I think your country code is being blocked.

    #new2 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url(http://paddymaher.ie/hat/wp-content/uploads/2019/06/Jennifers-background.jpg);

    Thanks for your help so far

    You must be logged in to view attached files.


    I can access your site with the Irish IP now, you can try the css below (add to Customize > System > Custom CSS at the first line):

    .wrapper, .footer {
        background-image: url(http://paddymaher.ie/hat/wp-content/uploads/2019/06/Jennifers-background.jpg?id=171) !important;

    Thank you

    This reply has been marked as private.


    Please unlock my country: Vietnam

    I can’t access your site with the IP change due to the low internet connection.

    Thank you

    This reply has been marked as private.


    The css in this case would be:

    .wrapper, .footer {
        background-image: url(https://jennifershatemporium.ie/wp-content/uploads/2019/07/Jennifers-background.jpg) !important;

    I added for you in the Customizer > System > Custom CSS, please kindly recheck your site now.

    Thank you


    Thank you Louis,
    That worked perfect, very much appreciate your help.
    Have a good day.



    We are happy to see that problem solved 🙂

    Also if you have some spare time and if you are satisfied with our support, we would really appreciate it if you would be willing to rate us with 5 stars on this link – http://themeforest.net/downloads

    By doing this you will be helping us build even better themes and provide better support.

    Thank you in advance.

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Background Image For Whole Site’ is closed to new replies.