[Resolved] Search results Background-Colour

[Paul]

Hi There,

I’d like to change the search results inner container background colour without effecting the background colour of other pages (I already have the following styles in place). Do you know which selector I could use to target the inner container (link in private info)

/* Background colour on archives */
body.archive {
    background-color: var(--grey-100);
}

/* Background content colour on archives */
body.archive, body.archive #page {
    background-color: var(--grey-100)
}

/* Background colour on single posts */
body.single-post {
    background-color: var(--white);
}

[Ying]

Hi Paul,

When you say inner container, do you mean the body background color (based on your CSS)?

If so, you can use body.search-results

[Paul]

Hi Ying,

Thanks for helping.

No I meant the background colour behind the cards:

The CSS below does what I want but it also effects the bg color on the single-posts page which I don’t want 🙂

.one-container .site-content {
	background-color: var(--grey-100);
}

Thanks

[Ying]

I see, you can use the class I mentioned to target the search results page:

body.search-results .site-content {
    background-color: var(--grey-100);
}

[Paul]

Perfect thank you Ying 🙂

[Ying]

You are welcome   🙂

[Author]

Posts