List of css variables


(mark) #1

Does anyone have a full list of css variables which can be changed such as this one I was told about earlier:-

.category-description {
color: black;
}


(RĂ©gis Hanol) #2

You should open your browser’s console and inspect the source code to figure out which CSS class you want to target :wink:


(mark) #3

Thanks for that, great tip :slight_smile:


(mark) #4

I am having a little difficulty making out the css tags in the source page.


(RĂ©gis Hanol) #5

I highly recommend that you learn some HTML & CSS before attempting to do any customisation.


(mark) #6

Hi, I have done a bit of css/html (enough to get by) but its finding the correct css tag I am struggling with.


(Tom Newsom) #7

Use Chrome, right click and Inspect Element.
A world of wonder awaits you!


(Mittineague) #8

Nothing personal, but the fact that you referred to “CSS variables” and “CSS tags” suggests that you could benefit from a bit of a refresher. eg.

Firefox and IE also have their version of Dev Tools

eg. Firefox dev tools shows the “selector bread-crumb” below the tabs and shows what rules are being applied in the right pane. Once you get the hang of it you can even do live edits to see the effect they have.

View-source won’t get you far with working with the Discourse DOM
It would be impossible to put together a list of all possible selectors.
IMHO you really should learn how to use your browser’s dev tools, you’ll be glad you did