Right Sidebar

  • Author
    Posts
  • #151015

    donscrooby
    Member

    Hi

    How can I increase the font size and colour of the Heading of the right sidebar as well as changing the colour of the font in the list of the recent posts? I do have CSS.

    Appreciate your help – thank you.

    snapshotsofmyworld.com

    Regards
    Don

    The blog I need help with is snapshotsofmyworld.com.

    #151036

    binarymoon
    Theme Author

    Hi there – thanks for the message.

    You can change the sidebar title with:

    #sidebar aside h3.widgettitle {
    color: #ffffff;
    font-size: 16px;
    }

    And the body colour with:

    .entry {
    color: #000000;
    }

    Note that changing the body colour will change the text colour for comments and other elements as well. Because of the html structure we can’t focus it on just the text content.

    You can pick colours here:
    https://prothemedesign.com/tools/color-picker/

    Thanks – Ben

    #151041

    donscrooby
    Member

    Hi Ben

    Thanks for your help. The font size of the sidebar heading is fine. I would’ve also liked to have changed the colour of the sidebar heading background. Perhaps I should have explained better.

    I didn’t want to change the colour of the text in the body of the post – only the rest of the text in the sidebar eg list of recent posts.

    regards
    Don

    #151044

    binarymoon
    Theme Author

    Ah – sorry about that.

    To change the sidebar header background you qwould use:

    #sidebar aside h3.widgettitle {
    background: #ff0000;
    }
    #sidebar aside h3.widgettitle:before,
    #sidebar aside h3.widgettitle:after {
    border-top-color: #ff0000;
    }

    Note that you will need to change the colour to the same value in two places. This changes the background and the little arrow.

    Cheers – Ben

    #151057

    donscrooby
    Member

    Hi Ben

    Thank you for the CSS code. However, I see you never gave me any css code for changing text colour in the sidebar widget, in other words, the text describing the titles of the recent posts. Would really appreciate it if you can give that to me. That’s all I need now.

    Really appreciate your help.

    Regards
    Don

    #151062

    binarymoon
    Theme Author

    Sorry – it was late when I replied. I missed that bit.

    Currently all the text in your sidebar is links, to change these use:

    aside .widget li a, aside .widget li a:visited {
    color: #000000;
    }

    If you add more widgets with normal text then use:

    aside .widget li {
    color: #000000;
    }

    Hope that solves it! :)

    #151064

    donscrooby
    Member

    Thank you for all your help.

    regards
    Don

The topic ‘Right Sidebar’ is closed to new replies.