How to delete the header image in one page

Support
#1

Hi!

I would like to know how could I delete my Header image in my Blog page: https://inawomansbody.com/blog/
And make appear only my logo and navbar, like in this other page: https://inawomansbody.com/lets-talk-about-sex/

Best regards,
Marina.

#2

Hi Marina,

Thank you for writing in, that image is set as the background of the first section of that page.


Please inspect that first section and remove the background-image.

Hope it helps,
Cheers!

#3

Hi,

The problem is that when I do that the logo on the header and the navbar doesn’t appear. That’s why I would like to know what should I do to make the Header appear like the image I attach below on the blog page. With the logo and navbar letters in black and without the photo.

Best regards,
Marina.

#4

Hi Marina,

That is because the default color of the navigation text and logo text is set to white and removing the background image makes the text blend with the white background.

You may still remove the background image as instructed previously but also do the following:

#1. Set a body class to the blog page.

#2. Please go to X > Theme Options > CSS then find this block of code:

body.page-template-default .x-brand.text, 
body.page-template-default .x-navbar .desktop .x-nav > li > a {     color: #000000;
}

#3. Assuming that the body class you have added to the blog page is the-blog, update the code above to:

body.page-template-default .x-brand.text, 
body.page-template-default .x-navbar .desktop .x-nav > li > a,
body.the-blog .x-brand.text, 
body.the-blog .x-navbar .desktop .x-nav > li > a {     
    color: #000000;
}

Hope this helps.

#5

Hi,

It didn’t work, it looks like this:
https://inawomansbody.com/blog-1/

What could I do?

Best regards,
Marina.

#6

Hi Marina,

I just checked the page and I do not see any class you assigned to that page.

Please make sure to add a class (first item from the previous suggestion) to that page for the previous suggestion to work.

Hope this helps.

#8

Hi,

I have added in both places as I saw you below and still, it does not work. How can I solve it?

Best regards,
Marina.

#9

Hi Marina,

You added the class correctly but the color value you have added in the CSS panel is incorrect:

The hex value for black is #000000 and not #0000.

Hope this helps.

#10

You are right, thank you so much.
it has worked!

Have a nice day,
Marina.

#11

You’re welcome!
Thanks for letting us know that it has worked for you.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.