Can i change color for each category for my social media website?

Ratchaphol Srichandrabhandhu
asked 11 years ago

This is my website Social Media Marketing Tips (http://socialmediamarketing.tips/). Now using DW Argo theme.
As it is SMM Tips website i want it to be colorful.
Color can help me categorize better and each color also symbolize different social media (such as blue for twitter or red for google+). Therefore, use only a color for all social media tabs or category color won’t be good idea for my website.

What i want to do is
1.) Can i change the color for Category Link in the side bar?
2.) Can i change colors for category tags in the post (which now are all purple)
3.) How can i change the symbol or icon in the main navigation menu

Thanks
Ratchaphol S.
Founder of Social Media Marketing Tips

Ratchaphol Srichandrabhandhu
replied 11 years ago

If this can be done by customize theme code, should i do or not please explain the possible negative effects and if i can or i should do this i will hire some good programmer.

1 Answers

DominicStaff
answered 11 years ago

Hello Ratchaphol !
1. Can i change the color for Category Link in the side bar?
– To change color for each category, please add the following code to the header code (Dashboard > Customize > Custom Code.)

<style>
.cat-item-1 > a {
    color: #FF0000;
}
.cat-item-1 > a:hover {
    color: #000;
}
</style>

Notice: If you want to change color for the “Google+ or Mobile” categories, please log in to Dashboard > Categories > Hover categories then you can see the ID of the categories under site.
See the screenshot:
After getting the ID categories, you can change the ID in the line code before.
E.g:

<style>
.cat-item-3 > a {
    color: #FF0000;
}
.cat-item-3 > a:hover {
    color: #000;
}
</style>

2. Can i change colors for category tags in the post (which now are all purple).
– You can add the following code to the Header Code.

<style>
.categories-links > a {
    background-color: #000 !important;
}
</style>

3. How can i change the symbol or icon in the main navigation menu
– Please find here for the document guide on how to change the icon in the main navigation menu:
http://www.designwall.com/guide/dw-argo/#category_icons_on_main_menu

Regards,