Change styles

Travelify
1

Hello,

I would like to change the appearance of my website. What I mean is that the post section should be different to the latest posts section. I found in the style.css file that if I modified the .entry-content{ it affects to both. So my doubt is how to create in ccs or php a different .entry-content{ (for example: .songle-entry-content{ ) in order to have two different styles. I would like to have different color backgrounds, shadows… in these styles.

Here I post two images of what I mean:

Latest Posts:

Single Post:

Thanks in advance.

2

Hi @Paquito,

I hope you are well today and thank you for your question.

You can apply styling only to single post entry content by using the CSS selector body.single-post #content .entry-content as following.

body.single-post #content .entry-content {
 background-color: #32BEE0;
}

Best Regards,
Vinod Dalvi

3

Hi @Vinod Dalvi,

Thanks for the code, it works great.
I tried to delete the shadow of the single post modifying the code you provided me:

body.single-post .post .entry-content {
	background: #f9f9f9;
        webkit-box-shadow:none !important;
        box-shadow: none !important;
}

But it didn´t work. So I would appreciate if you can solve it.
Apart from that, I would like to change the background of the .entry-header as well. The idea is the same as the .entry-content.

Thanks in advance,

Paquito