Ratchaphol Srichandrabhandhu
asked 7 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 7 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 7 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,

Powered by DW Question & Answer Pro