Home» Forum» Web & Tech» changing text color of mood + quote

changing text color of mood + quote

Back to Web & Tech

Is there a way to code just the text color of the mood and quote+age area of the profile? I was trying to look through the CSS tutorial but I don't how how to override for just that specific area and nothing else. I'm just trying to make my profile a little more readable lol thanks in advance! 

 i think it is... but i cant remember how is the name of that section in the code 😭 

 as a person who doesn't know a shi bout coding, i js press right click and go to "inspect" (idk if that's the name of the section in english lmao in spanish is inspeccionar so... thats ir) and there i do the modifications that i need. so all u gotta do is that, and put "color: (the color u like); " on that section and see if that changes 

 idk if that makes sense i hope u understand 😔 

@𝗞𝝘 𝗶 𝗦𝗧  no no dw, this makes sense & yes its inspect in eng. i'll fuck around with that when i have time, that's a pretty smart idea. i did that for my napo. layout + spacehey layout but on designated websites. 

@silversaint

 ah okay‼️ hope it works 

whenever i edit my profile i usually mess around with inspect element and see what parts have what selectors, then to override their styling i copy that selector and add code inside of it.

it seems the mood + info is in the .details selector. for the inner parts they're all paragraphs so it'd be .details p. then for editing one specific paragraph you can do .details:nth-child(X), replacing X with the order of the specific element you want to edit

that's what i think, anyway...

let me know if this works! it should be for the mood .profile-mood and for the details with the age .general-about .details

Make your own web page! Make your own corner on the internet!

the matildenet with tamagotchi

@Factory Reset 𝄞𝄢 ( ◠‿◠ ) thank you so much!! i really appreciate it, I'll edit it soon with your help! 

.profile-mood {
  color: red;
  font-weight: bold;
  background: black;
  width: fit-content;
  padding: 5px;
  box-shadow: 2px 2px gray;
  border: 1px solid darkgray;
}

that'll give your mood red text, background color and a border, box shadow

feel free to play around with the settings however u want xoxo


@GOAT thanks for the help! i appreciate it :) 

You must be logged in to reply.