[Resolved] Featured image background color

[Jamal]

Hi

I would like to have a background color for the single post featured image. Currently i have featured image set above content area and i couldn’t find the right class to target. Thanks in advance.

[Leo]

Hi Jamal,

Sorry not quite sure what you meant by background color for featured image?
Shouldn’t the featured image just cover up the whole area?

Can you provide an example? Let us know 🙂

[Jamal]

Thanks for the reply Leo. My current featured images are not very big and making them stretch 100% container width will make them look distorted. Since all the featured images will have same color, i though to apply a background color to the featured image “container” so as to make them look 100% width.

I tried applying background color to .generate-page-header but this applies it to all the page headers. Tried .single .generate-page-header but it doesnt seem to work.

[Tom]

Any chance you can link me to the page in question? I should be able to provide the selector 🙂

[Jamal]

It’s my site which i never finish and never stop tinkering with :lol

http://www.cannysolutions.se/kundcase/midnimo-kulturforening/

[Leo]

Hi Jamal,

Can you try this?

.page-header-image-single {
    text-align: center;
    background-color: #000000;
}

Let me know if this is what you wanted.

[Jamal]

Thanks Leo, that got me close and i’m satisfied with it for now.

[Leo]

Glad I could help!

[Author]

Posts