Widget title font style

[isa1978]

hey guys

I wanted to change the font style of the widget title so I went into de global CSS and add it to the already existent widget style but it didn’t work.

could you please tell me what I did wrong?

thanks a lot
regards
isabella

[christian]

Hey Isabella,

The selector for the widget title is h4.h-widget. Try replacing h3.widget-title with it.

If that does not help, paste all your custom CSS in http://csslint.net/ to check if there are syntax errors. Would you also mind giving us the URL of the page where you have the widget and a screenshot of the widget so we know exactly what you’re targeting?

Thanks.

[isa1978]

hey @christian_y
thanks a lot
so I tried but nothing changed. I also used the link to check the errors and I got this message but I don’t understand.

the code already existed and I put it after your team direction when I wanted to fix the titles a few months ago So it should be correct.

here I am giving you the password for access so you can check

thanks a lot
Isabella

[jade]

Hi Isabella,

Try updating this code:

h3.widget-title {
    margin: 0 0 0.5em;
    font-size: 150%;
    line-height: 1;
}

to

.x-sidebar .h-widget {
    margin: 0 0 0.5em;
    font-size: 150%;
    line-height: 1;
}

or

h4.h-widget {
    margin: 0 0 0.5em;
    font-size: 150%;
    line-height: 1;
}

Please make sure to clear your site’s cache in case you are not seeing any changes.

Here are some reference links related to the suggestions above:

• CSS Introduction - https://goo.gl/mFuWQT
• How to get CSS Selectors using Chrome - https://goo.gl/BmoH39

Hope this helps.

[isa1978]

Great it worked!
thanks a lot and also for the links. I will check it out.

cheers

[jade]

You’re most welcome, Isabella.