Tagged: , , , ,

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 18, 2015 at 10:28 am #445560
    karennel

    On my home page at http://www.baobabphoto.com/new/school if you scroll down the page you come to Recent posts widget in right hand panel and they’re all in a strange font, in red, instead of in the font used by the rest of the theme. How can i fix this please?

    May 18, 2015 at 2:09 pm #445648
    begrafiks

    Hi karennel;
    try to add this code into your custom css file ;

    .widget_recent_entries li a{
font-style: normal;
font-family: "Source Code Pro", "Times New Roman", Helvetica, Arial, sans-serif;
color:#000
}

    adjust theme as you like

    By the way, this color comes from :
    Dashbord > Theme Options > General Styling > Main Content > Main Content secondary font color

    May 19, 2015 at 8:37 am #446240
    karennel

    Thanks, that resolved the colour issue, but the font is still wrong.

    May 19, 2015 at 9:44 am #446279
    begrafiks

    Hi karennel;
    strange, I’ve double checked (on my site and yours too) and it works.

    May 19, 2015 at 10:05 am #446286
    karennel

    I just checked on all my different devices and cleared the cache. The font is still incorrect – I inspected the element and it shows in Times New Roman instead of Source Code Pro.

    May 19, 2015 at 11:09 am #446329
    begrafiks

    Hi karennel;
    here is what I see at the page :
    http://baobabphoto.com/new/school/ > Karen’s Blog > Recent Posts
    Css codes

    May 19, 2015 at 11:43 am #446347
    karennel

    Yes, I can see it’s using the wrong font and style – it’s using italic georgia instead of normal Source Code Pro. How can I fix it?

    May 19, 2015 at 12:19 pm #446367
    begrafiks

    Hi karennel :
    Yes that is :
    /* Fix styling of recent posts widget*/
    .widget_recent_entries li a{
    font-style: normal;
    font-family: “Source Code Pro”, “Times New Roman”, Helvetica, Arial, sans-serif;
    color:#000
    }

    But if you let me comment :
    The gradient background color and the color of “hover” state (color: #eb0043;) does not look “clear”

    May 19, 2015 at 2:37 pm #446430
    Yigit

    Hi!

    Please refer to @begrafiks’ post above.

    @begrafiks     thanks as always :)

    Regards,
    Yigit

    May 20, 2015 at 4:00 am #446883
    karennel

    thanks Begrafiks, I’ve tried that but although the italics slant disappears, the font is still weird and doesn’t look like the body text which should be Source Code Pro font size 15px.

    I agree on the ‘hover’ state not looking good – how can I change that to just bold the text instead of changing it to red?

    May 20, 2015 at 5:04 pm #447286
    Yigit

    Hey!

    Please add following code to Quick CSS

    .widget_recent_entries li a { font-family: inherit!important; font-size: inherit!important; font-style:inherit!important; color: inherit!important; }

    Cheers!
    Yigit

    May 21, 2015 at 6:21 am #447570
    karennel

    Hi, I just tried that but it doesn’t make any difference.

    May 22, 2015 at 5:35 am #448157
    Rikard

    Hey!

    I just inspected your recent posts widget and it’s using Source Sans Pro, could you try to flush your browser cache and reload a few times. If that doesn’t help please provide us with a screenshot of what you are seeing on your end.

    Regards,
    Rikard

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.