Placing of Categories

Hi Team,

I would like to move category to left top corner on home screen (www.techsnuff.com) for example: http://www.techsnuff.com/wp-content/uploads/2016/01/category.jpg

Is it possible?

and I also want every category to have different colors. How should I do it? Please suggest!

Regards,
Varun

• This topic was modified 10 years by varunsinghrajput.

Hi

Try this css in theme panel > custom code > custom css: http://screencast.com/t/xHuFWZd6

.single .entry-title{
margin-top: 25px;
}
.single .td-category{
float: right;
}

Thanks!

• This reply was modified 10 years by Andrei L..

Thanks Andrei, but I want to move category on home screen to left top corner the way I mentioned in the firstimage. Please suggest

Here is the example, please take a look: http://www.techsnuff.com/wp-content/uploads/2016/01/Category_Sample.jpg I want exact same look of categories on my home screen when I set my posts over there, with different color for each category.

Hi

Sorry for misunderstanding you.
This tack require custom modifications in theme files and unfortunately I can’t provide a solution now. If you need this and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer speed customization services at the moment.

Thanks!

No problem, Andrei. But how can I assign different colours for multiple categories tag?

Hi

To achieve that you will need to modify the function which generate the category tags for modules: http://screencast.com/t/Kk0twpb0E An example of a possible implementation would be the function which generate the category tags for posts: http://screencast.com/t/lU2XOqD4 – http://screencast.com/t/BYNjF8c6Xg
This is just an example. To have the function working on modules are required some customimations. You can try to implement this if you want but it’s not an easy task. Basically you will need to pass all category tags trough a foreach cycle and assign them a color from theme panel > theme colors. For posts this step it’s made by this code: http://screencast.com/t/I8kF3HauE4V

Hope this help.
Thanks!