Change topic title CSS style?


(Jono Bacon) #1

Hi everyone,

I would like to change the topic title to use a specific webfont and uppercase the letters.

I would like this to only affect the title on the topic page, not the topics listed on the front page (the normal font is fine for that).

Can anyone suggest the best way of doing this?

Thanks!


Material Design Stock Theme
(Jason May) #2

You should be able to do this with CSS customization: /admin/customize/css_html

You’ll have to construct your selector so it only affects the places you want changed.


(Jono Bacon) #3

Sounds good, but do you know which selector is for the main page topic?

I couldn’t figure out what snippet of CSS I need to provide to do this.

Thanks!


(James Milligan) #4

This works for me:

#topic-title h1 a {
    text-transform: uppercase;
    font-family: yourFontHere;
}

(Jono Bacon) #5

Perfect, thanks, pal!