#how do i change the text colors for the wiki

35 messages · Page 1 of 1 (latest)

ocean ocean
#

this exact same code worked a couple of minutes ago, all the images are still in tact from what i can tell, so i have no idea what happened there

#

here's what it was before

ocean ocean
#

apparently i just had to remove the px from line 9

#

to bring it fully back to the source

#

im very confused

#

im confused
but at least that works thats all that matters to me
time to try to fix the white bg thing and add the true bg

#

the tiles dont connect properly how do i fix

#

whoops did a dumb

ocean ocean
#

ok new question

#

why does this error show up

#

@font-face declaration does not follow the fontspring bulletproof syntax

#

finally did it

#

new question
how do i change the text colors for the wiki

#

how do i change the text colors for the wiki

ocean ocean
#

cant find any solution so i really need help on this one

silk geyser
#

<@&808094140549562368> Curtesy ping

noble goblet
# ocean ocean new question how do i change the text colors for the wiki

you could put this in common.css maybe

#content p { color: #[hexcode]; font-family: [font]; }
#content h1 { color: #[hexcode]; font-family: [font]; }
#content h2 { color: #[hexcode]; font-family: [font]; }
#content h3 { color: #[hexcode]; font-family: [font]; }
#content h4 { color: #[hexcode]; font-family: [font]; }
#content h5 { color: #[hexcode]; font-family: [font];}
#content h6 { color: #[hexcode]; font-family: [font]; }```
#content p changes the text specifically for paragraph text, and #content h1-h6 changes the text color specifically for headers of the designated variant
wet heart
#

Yes, to change the color you need to use the color property and a color value (can be a hexcode)

wet heart
#

This might not be targeting every kind of text you want, but should affect the page text. To find selectors for other text elements, please use the element inspector

#

And if you need assistance with finding certain elements that did not get affected by the snippet above, please link your wiki

wet heart
ocean ocean
#

i see (all of this), thanks!
though is there a way to also recolor links? (in all of their states)

ocean ocean
#

since they work a bit weirdly with those underlines if i just change the color for a, a:hover, etc

wet heart
#

Yup, you can! The browser inspector is also very helpful here. If you inspect a link and give it an appropiate state, you can play with the styles until you get something you like. The underline is done via text-decoration: underline; iirc

#

(you can open the inspector via right click > inspect)

ocean ocean
#

whoops now everything is orange

#

is there a way to only change the default color?

wet heart
#

What do you mean by default color? Not affecting the page actions like on your screenshot? You have to use more specific selectors then. If you want me to help, please link your wiki. Otherwise, use the element inspector to find how to target the elements you need

ocean ocean
#

i mean how to make specific links with custom colors still have their custom colors (e.g. the red discussion link)

wet heart
#

Oh alright 👍 Can you take away the #content id from selectors? I think it overrides the red style because it's more specific

#

So just a, a:hover and so on

ocean ocean
#

oh, that works
thanks

wet heart
#

Glad to know that fixed it pupCoffeeMH

#

Can I mark the thread as resolved? 👀