[sseccombe]

Hello

1) I´ve been searching in the CSS file because I want to change the colour of the grey box surrounding the main content but can´t find how to do it. I want to change it to white so the whole page looks more cohesive. Or is it padding that I need to change? Not sure.

2) I´d also like to change the font and the colour of the navigation menu. How can I do this as well?

3) How do I change the width of the space allocated to the navigation menu on the left-hand side? This is to allow more space for content to the right.

4) Where/which option should I be looking for in the CSS if I want to change the font of the contents, separate from the navigation menu?

I wanted to add a screenshot here but it seems it´s not possible.

Thank you so much for your help.

Kind regards

Susan

[Theme Horse Support Team]

Hi sseccombe,

Please go to ‘Appearance > Customize > Additional CSS’ and paste the below custom CSS code.

#page {
	background-color: #ffffff;
}
.nav-links {
	border: 1px solid rgba(0, 0, 0, 0.07)
}
.entry-main {
	padding: 0;
}
.post-main .post .entry-main,
.post-main .has-post-thumbnail .entry-wrap:hover .entry-main {
	background-color: #f5f5f5;
}
.main-navigation a {
	color: #333333;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item > a,
.main-navigation ul li.current_page_ancestor > a,
.main-navigation ul li.current-menu-ancestor > a,
.main-navigation ul li.current_page_item > a {
	color: #777777;
}

NOTE: you can change the value of the colors of the navigation. Currently, we have used #333333 for the default state and #777777 for other states like hover, active, focus, etc.

and Actually, there are no premium options in the FREE Version like changing font family, sizes, colors, and many more. For that, you need to upgrade the Theme to a PRO Version so that you can have access to many more premium features.

Thanks

[sseccombe]

Thank you so much!! This is great 🙂

[Theme Horse Support Team]

Welcome anytime @sseccombe

[Author]

Posts