Change Sidebar and Comments Background Colour

  • Am a total novice at CSS but managed to make a few changes so far.

    My site is https://www.thatssocool.co.uk and I would like to change the top right menu sidebar colour to black (it is currently white and only turns black when you hover on it).

    I would also like to change the colour of the whole comments section at the bottom of each post to black (it is currently white) with the text in #C5B358.

    Appreciate any help!

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there!

    The sidebar’s toggle in the upper right can be targeted with .sidebar-toggle and the actual panel that opens when you click on the toggle with .sidebar. Putting that together, you can change the background of both to black (#000) with the following custom CSS:

    .sidebar-toggle, .sidebar {
    background: #000;
}

    The background and colour of the font in the comments section can then be changed with the following:

    #comments #respond, .comment-respond {
    background: #000;
    color: #C5B358;
}

    As an important note: You should not edit the theme’s files directly as any direct changes you make will be lost when it comes time to update. Instead, to add custom CSS, firstly set up a child theme or activate a custom CSS plugin. If you already have Jetpack installed then you can enable its custom CSS module.

    In case you’re interested in how I found the correct CSS: I used the built in tools in my browser to inspect the theme’s current CSS and to live preview custom CSS.

    If you’re relatively new to CSS and haven’t yet experimented with your browser’s built in tools then I thoroughly recommend taking a look through our guidance here. We have video walkthroughs for each of the most popular browsers:

    https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    Hope that’s helpful! I’ll be happy to help with any extra questions too.

    Thread Starter thatssocool

    (@thatssocool)

    Thanks so much Siobhan – that’s great!

    I have one more question.

    I would like to add a subscribe/follow widget but it seems like the only place I can put them is in the sidebar. I would like a subsribe/follow button on my front page – is this possible?

    Many thanks!

    I’m glad that that CSS worked out for you!

    I took a look over your site and can see you’ve now inserted a subscribe form in the footer area.

    Did you edit the theme’s HTML directly in order to add that form or did you make use of a plugin? If you edited the theme’s HTML, please make sure you use a child theme.

    Let me know if you’re all set now or if you have any extra questions.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Sidebar and Comments Background Colour’ is closed to new replies.