- This topic has 12 replies, 2 voices, and was last updated 5 years, 8 months ago by
.
-
Posts
-
How do I change the header background image that is currently black where the menu is to a different image in the Blog Pro?
Hello,
The option to change the banner image is available in the theme itself.
For this go to Admin Panel > Appearance > Customize > Banner Image for Inner pages and change the image as per your requirement.
Hope this helps.
let us know if you have any confusion further.
Thank you.
Hello,
Can you please provide the screenshot of the section so that we can inspect further and help you?
Thank you.
Please find the image at the following link: https://www.dropbox.com/s/r9nenrrey884v1h/WFNO%20Menu%20Header%20Screenshot.docx?dl=0
Hello
The feature is not given by the theme itself to change the background image of the navigation menu.
However, as a work around, please add the below given CSS by going to Admin Panel > Appearance > Customize > Additional CSS
header#masthead.secondary-header { background-image: URL("https://wfnos.org/wp-content/uploads/2019/05/shutterstock_1125408311-1.jpg"); background-position: -147px 1049px; }Hope this helps.
For any further query/confusion, feel free to write back to us.
Regards!
src=”http://https://wfnos.org/wp-content/uploads/2019/06/WFNO-Screenshot-with-CSS.png” alt=”Screenshot” />
Hello,
Have you replaced the image URL with your image URL?
You have to place your image UL here. The URL can be found in the media section.
Screenshot:
Also, you can send the screenshot by using the tools like lightshot.
Hoping to hear from you soon.
Thank you.
Yes, I did.. please find what was inserted below (it was also in the previous screenshot I sent):
header#masthead.secondary-header {
background-image: URL(“https://wfnos.org/wp-content/uploads/2019/05/Wide-image-showing-flags-of-nations.jpg”);
background-position: -147px 1049px;
}Hello
First of all, we apologize for the inconvenience.
Please add the below given CSS in the additional CSS section.
header#masthead { background-color: none; background-image : URL("https://wfnos.org/wp-content/uploads/2019/05/Wide-image-showing-flags-of- nations.jpg") !important; background-position: center }Also, since the flags image are with multiple colors, the text color is getting affected.
Screenshot : https://prnt.sc/o0902i
Please once verify the CSS and report us back if you want the changes in the existing font color.
For any further query/confusion, feel free to write back to us.
Best Regards!
- You must be logged in to reply to this topic.
