Change color of CATEGORIES

Home Forums Automattic Forefront Change color of CATEGORIES

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #108002 Resolve


    Hi again:)

    Sorry for me having so many questions at the moment. :)

    I want CATEGORIES to be in color white with black letters. Now it looks really bulky in that black rectangular. Is it possible to do so?

    And also, it is possible to change the font of it?


    The blog I need help with is

    Caroline Moore

    Changing the colors should be straightforward enough. Give this a try:

    .hero.without-featured-image {
    background-color: #fff;
    .hero.without-featured-image .page-title {
    color: #000;
    font-family: Arial; /* This is the name of the font you want to use */

    You can change the font with Custom Fonts if you want something fancy (though this will change the fonts across your site), or you can change it to a common font (also known as a “web safe” font) that most people can see, like one of the following:

    If you have a Typekit account, you can connect it to use other, fancier fonts. Read more about this here:

    Then use the above CSS and change the font name to whatever font you’ve chosen.

    I hope this helps!



    Thank you, it helped a lot:)

    But there are now 2 grey lines above and below the word, when I change categories color into white and black letters.

    Is there a code to remove it? :)


    Kathryn P.
    Happiness Engineer

    Hi there, if you want to remove the thin borders between category names in the sidebar, try adding this to your CSS:

    .widget_categories li {
    border: none !important;

    Let me know if that does the trick.



    Thank you so much. it worked perfectly:)

    Is it possible to align Categories in the middle, not on the left as it is now? Because it leaves a huge space on the right..

    Thank you :)


    Kathryn P.
    Happiness Engineer

    Glad that worked. :-)

    Instead of centering them – which would throw off the indenting of your sub-categories, how about just increasing the space to the left, like this:

    .widget_categories ul {
    margin-left: 70px !important;
    .widget_categories ul ul {
    margin-left: 35px !important;


    Kathryn P.
    Happiness Engineer

    Hi there, I’m going to close this thread now, but feel free to start a new one if you need further help. Thanks!

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Change color of CATEGORIES’ is closed to new replies.