Docs

[GreenWorksStudio]

Hi,

I used this code (based on inspector) but it”s not working:

.x-colophon.bottom .x-nav li a {
font-size: 16px !important;
}

I tried other codes from the forum but nothing helped.
Any help would be greatly appreciated.

Site is http://torteli.co (login in next one)

[GreenWorksStudio]

This reply has been marked as private.

[Rahul]

Hey There,

Please try this code :

.x-colophon .x-nav li a {
font-size: 20px;
}

Thank you.

[GreenWorksStudio]

Didn’t work, I also tried it with !important.

[Prasant Rai]

Hello There,

Thanks for writing in!

Please replace the above code with following:

.x-colophon .x-nav li a {
font-size: 20px !important;
}

Let us know how it goes.

Thanks.

[GreenWorksStudio]

Thanks for the reply, but it’s the same code with !important which I tried as well (as I wrote above) and it didn’t work.

[Thai]

Hi There,

I added the provided CSS under Customizer > Custom > Global CSS.

It’s working fine.

Please take a look.

Cheers!

[GreenWorksStudio]

Oh wow, awesome! Thank you!

I’m writing all custom css in the child theme’s css file, it didn’t work there.
My only concern now is if this customization will get lost with theme upgrades? I’m not sure where the global css changes are “stored”.
Also, any idea why it didn’t show up when I put the code in the style.css file?

[Paul R]

Hi,

No, it will not get overwritten on theme update.

All data added in custom > css are stored in the database.

With regards to adding the code in your child theme, you will need a stronger css selector(add body).

eg.

body .x-colophon .x-nav li a {
    font-size: 20px !important;
}

Hope that helps.

[GreenWorksStudio]

Got it, thank you!

[Thai]

If you need anything else please let us know.

[Author]

Posts