Changing the color of post/miniprofile only on the 1st post

[nakito]

Forum URL: (private)


Changing the color of only the first post along with mini-profile on a thread(white).
and the others will be the same color(blue).

like the first post is white and the others are light blue, same with mini-profile.

LIKE THIS:


is there any way to do that ?

[Kami]

Add the following to the bottom of your theme's CSS stylesheet:

/* Change first post background colour*/
.item.post.first, .item.post.deletable.first {
background-color: #444444;
}

change #444444 with whatever colour you desire. (:

Example here: kamitest4.proboards.com/thread/1/test

[nakito]

Jul 1, 2019 13:43:39 GMT -8 Kami said:

Add the following to the bottom of your theme's CSS stylesheet:

/* Change first post background colour*/
.item.post.first, .item.post.deletable.first {
background-color: #444444;
}

change #444444 with whatever colour you desire. (:

Example here: kamitest4.proboards.com/thread/1/test

it helped but it didnt change the mini-profile color

[Kami]

Have you declared a colour for the mini profile? If you have, then that's overriding it.

I notice in your CSS you have this line:

.item.mini-profile,.item.mini-profile{background-color:#ffffff;}

This is almost correct. Where it is incorrect is a) you're not targeting just the first mini-profile with this, and b) the classes are also incorrect.

What you want would be the following:

.item.post.first .mini-profile, .item.post.deletable.first .mini-profile {
background-color: #00ff00;
}
Change #00ff00 to whatever colour you want it to be.

As an explanation: the classes are incorrect because the mini-profile class is located inside the .item.post class. The syntax here shows you're targeting the "mini-profile" class within the [item post first] and [item post deletable first] classes, whereas what you had originally is saying to target the [item mini-profile] class, twice.

Example: kamitest4.proboards.com/thread/1/test
Post background is dark grey, mini profile container is lime green.

[nakito]

Thanks.

And a big thanks for the explanation.

I was trying to copy what you did with the .post .first but them i give up ^^

[Kami]

You're welcome! Let me know if it works (: