#how do i change the text colors for the wiki
35 messages · Page 1 of 1 (latest)
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
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
cant find any solution so i really need help on this one
<@&808094140549562368> Curtesy ping
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
Yes, to change the color you need to use the color property and a color value (can be a hexcode)
While that would be used if you want to set a different color for each type of heading, you can connect selectors with commas
like so:
#content, #content p, #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
color: #dd5e00;
}
This example hex color is an orange. And of course you can use this to assign font family too.
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
(Future note: it's usually better to make a new thread instead of renaming an old one)
i see (all of this), thanks!
though is there a way to also recolor links? (in all of their states)
since they work a bit weirdly with those underlines if i just change the color for a, a:hover, etc
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)
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
i mean how to make specific links with custom colors still have their custom colors (e.g. the red discussion link)
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
oh, that works
thanks