« Web, HTML, Tech Forum

How do I change font color on JUST my status

Posted by Robert

posted

Forum: Web, HTML, Tech

Exactly like the title. I can't figure it out. I want my "status:" and "you" to be white and my "mood" to be black.


Report Topic

3 Replies

Sort Replies:

Reply by Ivan

posted

Hi, try this:


.general-about .details p {
color: white;
}
.profile .mood p {
color: black;
}


Permalink Report Reply

Reply by ☆K!

posted

Thank you so much!


Do you know a code for the text under "who id like to meet" also?

<3


Permalink Report Reply

Reply by LaserBeamzz!!

posted
updated

This is extremely late, but I was browsing css forums and thought there may be someone else wondering on how to do this. 

So the status text alone doesn't have it's own class ID, it's in a <div> container along with the user bio. However, you can target the first paragraph in a div container by using this class ID:

.example p:first-of-type

So, changing just the status text color alone would be something like:

.details p:first-of-type {
    color: black;
}

You can use this to change font, text decoration, size, etc.
If you don't know what counts as a paragraph in html, it's anything wrapped in these tags, eg:

<p>this is one paragraph</p>

<p>these are</p>
<p>two paragraphs</p>

Using this can allow for some pretty cool customizations, like even changing the font for specific words or sentences in your user bio or interests :)


Permalink Report Reply