Sidebar styling

https://gaming-defined.com/manuals-and-downloads/

Hi,
You sidebar titles pull from your h3 settings. But you can change only for the sidebar with this css:

.sidebar h3 {
color: #fff;
font-family: sans-serif;
font-size: 18px;
}

And the link text with this:

.sidebar a {
  color: #fff;
  font-size: 13px;
  font-family: sans-serif;
}

You can remove the folder icons with this:

.sidebar .product-categories .cat-item a:after {
display: none;
}

Hope that helps!

Hannah

Hey, You can add this:

#content .main {
  float: right;
}

That will break the site on mobile…

Change to this:

@media (min-width: 992px) {
body .main.col-lg-9 {float:right;}
}

Kadence Themes

Hi thanks,

I tried the code snippets out and they worked great, im just trying to figure out how to remove the faint underlining now and add a bit of padding to make the sidebar title sit right a touch more.

Thanks for all the help so far any more you be appreciated!

This should work:

.sidebar .product-categories li a, .product-categories li a {
  border-bottom: 0;
}
.sidebar h3 {
  padding-left: 5px;
}

Hannah

Hey again,

That worked great and removed the underlining, thanks again!

Hiya,

I have tried using the code to remove the folder icon in my child theme editor, a custom css plugin and in edit css – it hasn’t worked in any of them!

Where should I be entering the code?

I am using the storefront theme.

Thanks