Please try to search before creating a new topic.
Home › Forums › Technical Support › Background Image For Whole Site
Tagged: background image
This topic contains 11 replies, has 2 voices, and was last updated by Nitro Support 4 months, 3 weeks ago.
- AuthorPosts
- June 15, 2019 at 11:24 am #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.
Paddy
Attachments:
You must be logged in to view attached files.June 16, 2019 at 12:04 pm #18569Hi,
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 #18574Hi,
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:
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.
PaddyJune 17, 2019 at 3:41 am #18580Hi,
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
June 17, 2019 at 10:29 pm #18614Hi 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 #18620Hi,
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 #19235This reply has been marked as private.July 20, 2019 at 3:33 am #19238Hi,
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 #19240This reply has been marked as private.July 21, 2019 at 12:19 pm #19256Hi,
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 #19264Thank you Louis,
That worked perfect, very much appreciate your help.
Have a good day.
PatrickJuly 22, 2019 at 4:34 am #19272Hello,
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.
- AuthorPosts
The topic ‘Background Image For Whole Site’ is closed to new replies.