Docs

[darrencooper]

For my category “qa”, I am needing to hide the header image and text for all single posts. Additionally, I would like to replace the image with a new image using the CSS.

I currently have:

.single-post .category-qa .x-header-landmark {
background-image: url (‘/wp-content/uploads/2016/10/qa-header.png’ !important)
}

However, I can’t get the page to respond to this code. Please help!

[Joao]

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Regarding your code, please try:

.single-post .category-qa .x-header-landmark {
background-image: url ("/wp-content/uploads/2016/10/qa-header.png") !important;
}

Hope it helps

Joao

[darrencooper]

This is on a intranet site so unfortunately I cannot provide you with the URL.

What’s weird is –

This code works

.single-post .x-header-landmark {
background-image: url (“/wp-content/uploads/2016/10/qa-header.png”) !important;
}

so does this

.single-post .category-qa .entry-featured{
display-none;
}

and this

.single-post .x-header-landmark {
display:none;
}

But this does not

.single-post .category-qa .x-header-landmark {
background-image: url (“/wp-content/uploads/2016/10/qa-header.png”) !important;
}

It’s like when I combine all three selectors, it doesn’t understand.

[Friech]

Hi There,

Do not put space between url and the image path.

e.g.
url("/wp-content/uploads/2016/10/qa-header.png")

If still this does not work, export your Customizer settings and share it to us so we can replicate it.

Thank you.

[Author]

Posts