Widget Background

  • Author
  • #95886

    Hi there,

    I spoke to Mellisa a few weeks ago, and she helped me changed the background colour of the navigation bar using custom CSS.

    I’d like to know please, if it’s possible to change the background colour of the Widget bar as well?

    The problem I’m having is that the text colours keep clashing with the background I’d like to use

    Hope this makes sense, please feel free to contact me if you need to know any more information.

    Kind regards

    The blog I need help with is amorphixblog.wordpress.com.


    Hi Chris,

    Sure thing. You can use something like this:

    aside {
        background-color: grey;
        padding: 10px;

    You don’t have to add padding, but I did because otherwise the content goes to the edge of the box.

    Good luck with the site!


    Hi Melissa,

    Thank you, I feel it looks best with the 10px padding.

    I’m happy with how it is now, after the changes. I just wonder if it’s possible to many one tiny little adjustment, and then I’ll leave you alone, promise – well until the next time that is!! ;) Unfortunately, I have the perfectionist disease..

    On my home page, is it possible to now align the top of the widget box to the top of the white content box that sits to the left of it. Don’t worry if it’s going to be too difficult, but I just thought I’d ask.

    Thanks for getting back to me!

    Kind regards



    Add another line to that previous code so it looks like this:

    aside {
        background-color: grey;
        padding: 10px;
        margin-top: 0px !important;

    Melissa, you are a superstar! You most certainly deserve a promotion and a raise!

    I feel that this completes the site for me, really appreciate all your help and support.

    All the best!


    Thanks Chris! I’m so glad you’re happy with the theme. :)

The topic ‘Widget Background’ is closed to new replies.