Style categories list in sidebar

[cfhjag]

Hello all! I just wonder how I can change alignment and style the categories list in the sidebar?
The image to the left is how I would like it to look and the image to the right is the current look of my categories list.

Thank you!

[Doug Edgington]

If you are trying to apply it to the categories widget only, you could use something similar to the example below. The CSS classes used to style this area on your theme may be different.

.sidebar .widget_categories ul li::before {
// likely a ::before Pseudo-element controlling the arrows. This could be commented out
}

.sidebar .widget_categories ul li {
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}

.sidebar .widget_categories ul li a {
	text-decoration: none;
}

---

Doug Edgington
http://www.dougedgington.com

[cfhjag]

Thanks for your reply Doug!
Do you think this would be in the Genesis Sample theme or in Foodie Pro style.css?

[Doug Edgington]

What theme do you have activated? You would modify the styling for whatever theme you are using. The stylesheet is located at /wp-content/themes/theme-name/style.css.
Keep in mind that the selectors used in my example may not be the same selectors used by the theme, but you should be able use the same style declarations that I used.

---

Doug Edgington
http://www.dougedgington.com

[Author]

Posts