CSS Font Style for Sidebar Widgets
-
I want to override the inherited font-style of Ubuntu Light 300 to Ubuntu Regular 400.
What is the best way to code that, or will you code it?
How you are safe,
Thank youThe page I need help with: [log in to see the link]
-
Hi,
I notice you’ve already added Ubuntu 300 via custom CSS, so you can simply change that into the one you prefer, am I right? To apply it for whole site, add it to the body tag, instead of single elements, such as p and headings.
Guido
I do not understand what you mean.
I want to keep the body text ‘Ubuntu 300’ which is Unbuntu Light.
I need the sidebar text to be heavier ‘Ubuntu 400’ or Unbuntu Normal.
When researching the author of the Blogroll plugin said your theme controls the font-weight of the sidebar widgets.
Hi,
My theme sets a font for the body tag only, so it will be used for all elements of the website. If you want a different Ubuntu sub-font such as “Regular 400” for the sidebar, try this custom CSS:
#sidebar {font-family:'UbuntuRegular', font-style:normal; font-weight:400;}You may need to add the
!importantdeclaration to override other font settings.Besides this you need to include the Ubuntu family from Google. But you already did that, if I’m not mistaken.
Guido
Thank you so much, Guido!
Hi,
When I inspect your site, I notice you’ve added the
!importantincorrect in your Custom CSS.Is now:
!important #sidebar {font-family:'Ubuntu Regular', font-style:normal; font-weight:400;}If using the important declaration it should be:
#sidebar {font-family:'Ubuntu Regular' !important, font-style:normal !important; font-weight:400 !important;}And I don’t know for sure whether to use
UbuntuRegularofUbuntu Regularas font-family.Guido
The topic ‘CSS Font Style for Sidebar Widgets’ is closed to new replies.
