Colour of Menu Lines

Hi Hannah

If you don’t already have a Child_Themes or a custom.css you should install a plugin like Jetpack then add the following to the custom css area… adjust the height and sizes accordingly

.site-bar {
    border-top: solid 1px #000000;
    border-bottom: solid 1px #000000;
}

Change the ‘000000’ accordingly

Hi there,
You will need to add some custom CSS to achieve this.
Install and activate this plugin then go to “Add Custom CSS” on your dashboard and paste this

.site-bar{
 border-color:#000;   
}

in the box.

Thank you both, the codes both worked.

I was also wondering the code to change the colour of the bar between the posts and sidebar?

Hi there,
you can paste this

.sidebar.sidebar-right{
   border-color:#000;
}

in your custom css box.

Let me know if this helps

Thank you so much. I actually have one more thing… there are a few more “lines” on my site that are not black, do you have a code to fix them? I wasn’t able to insert a photo of them, but they are the lines separating the widgets on my sidebar, the lines below my posts that say “continue reading”, and one line at the bottom menu of my site.

Sorry I didn’t ask this earlier. Thank you so much for all your help so far!

Hi there,
You can try this

.widget,
.read-more,
#footer {
    border-color: #000;
}
.entry-utils:before,
.navigation ul {
    background: #000;
}

in your custom CSS box.
Please have a look at this guide https://www.cssigniter.com/docs/article/using-the-developer-tools/
It will help you learn how to use your browser’s developer tools in order to be able to locate such styling easily and quickly.