Change color of CATEGORIES

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

Author

Posts
August 22, 2013 at 7:57 pm #108002 Resolve

thecharmepidemic
Member

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?

Thanks:)
The blog I need help with is thecharmepidemic.com

August 23, 2013 at 1:43 pm #138840
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:

http://www.w3schools.com/cssref/css_websafe_fonts.asp

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

http://en.support.wordpress.com/custom-design/custom-fonts/#connect-a-typekit-account

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

I hope this helps!
August 23, 2013 at 9:09 pm #138872

thecharmepidemic
Member

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? :)

September 3, 2013 at 6:46 pm #139427
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.
September 3, 2013 at 7:31 pm #139444

thecharmepidemic
Member

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 :)

September 3, 2013 at 8:02 pm #139451
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;

}
```
September 24, 2013 at 2:25 pm #140784

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!
Author

Posts

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

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