site description CSS help (Plane theme)

adventuresincubing · Member · Jan 16, 2018 at 8:39 pm
Copy link

Add topic to favorites
Hello. I just migrated to the Plane theme (away from a highly customized Twenty Twelve blog).

I’m having trouble styling the tagline (“a journey down the rabbit hole…”), which is controlled by the “site-description” class.

I tried to reduce the font-weight from 900 to 400. While the Customizer pane (editing custom CSS) is open, the below CSS works as expected.
```
.site-description {
    text-transform: lowercase;
    font-weight: 400 !important;
```
Once Customizer is closed (or in a new window), it renders without the font-weight CSS changes; the text-transform works properly.

I can’t find any CSS conflicts. I’m hoping a CSS ninja out there might see something I’m missing. Thanks in advance.

The blog I need help with is: (visible only to logged in users)
theakshaydhiman · Member · Jan 17, 2018 at 11:22 am
Copy link
Hello, when we want to edit the heading tags, we also have to define them along with the CSS class.

Here’s how:
```
.site-description h2 {
font-weight: 400;
}
```
If for some reason this doesn’t work, mention (!important) as well.

Hope this helps and have a wonderful day!
thesacredpath · Member · Jan 17, 2018 at 6:33 pm
Copy link
Hi @adventuresincubing, I see you have set custom fonts. When you do that, only the font, and weight that you choose at Customize > Fonts is loaded by the system, not all of the available weights for that font, so font weights set in custom CSS will not actually work since the other font weights have not been loaded.

Our team that works on the Customizer and fonts are considering options to give users some more latitude on font weights though and hopefully they will be able to work that out. I don’t know when that will be though.
adventuresincubing · Member · Jan 17, 2018 at 7:47 pm
Copy link
only the font, and weight that you choose at Customize > Fonts is loaded by the system, not all of the available weights for that font

Aha! That’s it. I changed to a font-family/weight combination that was being passed through already, and it all works fine now.

Thanks!
thesacredpath · Member · Jan 17, 2018 at 8:06 pm
Copy link
Awesome, and you are welcome!

No items found.