Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 16, 2013 at 8:42 pm #176606
    lpongo

    Hi,

    I am trying to customize the sidebar font color.

    I have tried the following in the quick css without success:

    #top #main
    .sidebar {
    background-color:#738ca2;
    font-size:80%;
    font-color: #fff;
    }

    Any clues?

    October 16, 2013 at 11:20 pm #176709
    Yigit

    Hello lpongo!

    You can try forcing it by adding !important

    #top #main
.sidebar {
background-color:#738ca2!important;
font-size:80%!important;
font-color: #fff!important;
}

    If that does not work, please post the link to your website

    Best regards,
    Yigit

    October 16, 2013 at 11:29 pm #176718
    lpongo

    It worked for the text but broke the bg-color attribute

    October 16, 2013 at 11:30 pm #176721
    lpongo
    This reply has been marked as private.
    October 17, 2013 at 12:16 am #176752
    Yigit

    Hi!

    Can you post a screenshot as well?

    Regards,
    Yigit

    October 17, 2013 at 12:28 am #176759
    lpongo
    This reply has been marked as private.
    October 17, 2013 at 1:17 am #176776
    Yigit

    Hello!

    Currently your sidebar loks like your “before” screenshot.
    If you would like to change background color to white, please add following code to Quick CSS as well

    #top #main .sidebar { background-color: white; }

    Regards,
    Yigit

    October 17, 2013 at 1:13 pm #176974
    lpongo

    That’s what I meant, I can get the font to be white (intended) but then the background is white too (not intended).
    When using
    #top #main
    .sidebar {
    background-color:#738ca2!important;
    font-size:80%!important;
    font-color: #fff!important;
    }
    The background should be blue (#738ca2) and now it is not. How can I solve this?

    October 17, 2013 at 2:49 pm #177015
    Yigit

    Hey!

    Currently your sidebar is blue? You just need to change sidebar link colors. Please add following code to Quick CSS

    .main_color .sidebar a { color: white; } 
.main_color .sidebar a:hover { color: green; }
.main_color .sidebar .current_page_item>a { color: purple; }

    Best regards,
    Yigit

    November 6, 2013 at 4:56 pm #185235
    lpongo

    Working, thanks!

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Sidebar font customization’ is closed to new replies.