[Resolved] Widgets: padding and fonts

Home Forums Support Widgets: padding and fonts

Viewing 4 posts - 16 through 19 (of 19 total)
  • Author
    Posts
  • #148700
    bdbrown

    Hi Diane. The footer widgets font size is being set elsewhere by the theme using the same selectors (.footer-widgets .widget). To override that we just need to target the elements more specifically. We do that by adding another selector. Give this a try:

    .footer-widgets .inside-footer-widgets .widget {
        font-size: 12px;
    }
    

    You mentioned wanting to learn more about CSS. Here are three articles that explain more about CSS and how it is applied. Good references:
    http://www.htmldog.com/guides/css/beginner/
    http://www.w3schools.com/css/default.asp
    http://www.w3.org/Style/Examples/011/firstcss.en.html

    #149495
    Diane

    Thank you bdbrown.

    That has worked for my footer widgets, however it´s the sidebar widgets I am most interested in altering. Having followed the directions given earlier in this thread the sidebars are just not changing at all.

    #149501
    Diane

    Hey, I´ve done some exploring and accidentally on purpose managed to alter my sidebars.

    I did it by right-clicking on one of my sidebar widgets and ´Inspect Element´. From there I found the applicable code, copied to Edit CSS and changed what I wanted to, then previewed before saving.

    This is probably second nature to you guys but completely new to me, I never even knew what Inspect Element meant before just now lol. Anyway, I´m a little bit pleased with myself.

    Thank you Tom and bdbrown for helping me so far. You led me to explore an area of website-building I´ve never been before.

    #149535
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 16 through 19 (of 19 total)
  • You must be logged in to reply to this topic.