Home › Forums › Technical Support › Background Image For Whole Site

Topic Resolution: Resolved

Tagged: 

This topic contains 11 replies, has 2 voices, and was last updated by  Louis Alviss 3 weeks, 5 days ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • June 15, 2019 at 11:24 am #18560
    JeniferHat

    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.

    Paddy

     

    Attachments:
    You must be logged in to view attached files.
    June 16, 2019 at 12:04 pm #18569
    Louis Alviss

    Hi,

    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

    June 16, 2019 at 2:52 pm #18574
    JeniferHat

    Hi,

    Thanks for your reply,

    https://jennifershatemporium.ie/

    The old template is still in place.

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

    http://paddymaher.ie/hat

    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.
    Paddy

     

     

    June 17, 2019 at 3:41 am #18580
    Louis Alviss

    Hi,

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

    http://prntscr.com/o2qes9

    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:

    http://prntscr.com/o2qhgf

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

    http://prntscr.com/o2qhr9

    http://prntscr.com/o2qhxy

    Thank you

    June 17, 2019 at 10:29 pm #18614
    JeniferHat

    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

    Attachments:
    You must be logged in to view attached files.
    June 18, 2019 at 2:17 am #18620
    Louis Alviss

    Hi,

    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

    July 19, 2019 at 7:10 pm #19235
    JeniferHat
    This reply has been marked as private.
    July 20, 2019 at 3:33 am #19238
    Louis Alviss

    Hi,

    Please unlock my country: Vietnam

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

    Thank you

    July 20, 2019 at 7:32 am #19240
    JeniferHat
    This reply has been marked as private.
    July 21, 2019 at 12:19 pm #19256
    Louis Alviss

    Hi,

    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

    July 21, 2019 at 2:27 pm #19264
    JeniferHat

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

    July 22, 2019 at 4:34 am #19272
    Louis Alviss

    Hello,

    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.

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

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