Help with changing font on sidebar widgets.

Home Forums Automattic On a Whim Help with changing font on sidebar widgets.

Tagged: , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #108291 Resolve

    aedalia
    Inactive

    I’d like to know how I would change this to make the font match what’s currently my site.

    .widget-area .widget {
    background: #FF9E9D;
    border-radius: 13px;
    color: #E8E6E1;
    font-family: 'Vollkorn', Georgia, 'Times New Roman', serif;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 3em;
    position: relative;
    }
    
    .widget-area .widget:before {
    background-color: #FF9E9D;
    }
    
    .widget-area .widget:before {
    content: "";
    background: url(/wp-content/themes/premium/on-a-whim/images/widgets.png) no-repeat -35px 2px #3a3936;
    border-radius: 20px;
    height: 37px;
    margin: 0;
    position: absolute;
    left: 44%;
    top: -16px;
    width: 37px;
    }
    The blog I need help with is starvingforachange.com
    #139900

    Kathryn P.
    Happiness Engineer

    Hi there, is your goal to change the font used in all your widgets to Ubuntu? If so, it looks like your widgets are already displaying in Ubuntu, and not the serif font Vollkorn – which would look like this.

    If I misunderstood what you’re trying to achieve, just let me know and I’ll be glad to have another look. Thanks!

    #139904

    aedalia
    Inactive

    Ah sorry, I hadn’t kept that bit of css in because I was frustrated that it didn’t seem to want to update the font at all. Now it seems to be working, but I still can’t figure out how to get the links in every second widget (Archives, Recent Comments, etc) to not be bold.

    .widget-area .widget {
    background: #3FB8AF;
    border-radius: 13px;
    color: #E8E6E1;
    font-family: ubuntu, 'Vollkorn', Georgia, 'Times New Roman', serif;
    font-size: 12px;
    font-size: 1.2rem;
    padding: 3em;
    position: relative;
    }

    .widget-area .widget:before {
    background-color: #3FB8AF;
    }

    .widget-area .widget:before {
    content: "";
    background: url(/wp-content/themes/premium/on-a-whim/images/widgets.png) no-repeat -35px 2px #3FB8AF;
    border-radius: 20px;
    height: 37px;
    margin: 0;
    position: absolute;
    left: 44%;
    top: -16px;
    width: 37px;
    }

    #139905

    Kathryn P.
    Happiness Engineer

    Hi there – could you try adding this to your CSS:

    .widget a, .widget li {
    font-weight: normal !important;
    font-family: Ubuntu, Verdana, sans-serif;
    }

    Let me know how it goes!

    #139906

    aedalia
    Inactive

    Thank you so much kathrynwp!

    It seems to look just perfect now, and that solution looks so much easier than I thought! It was one of those little things that driving me nuts, I really appreciate the help!

    #139907

    Kathryn P.
    Happiness Engineer

    No problem, my pleasure! I’m marking this thread as resolved and closing it, but feel free to start a new one if you need anything else.

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Help with changing font on sidebar widgets.’ is closed to new replies.