Put a post's categories on the same line in slider

Activello
1

Hi Movin,

I’m sorry to be a pain with all my questions recently, but I’m having so much fun customizing this theme so thanks for helping out !

Anyway, I’ve noticed when one of my posts belongs to multiple categories, they all show up on different lines and take a lot of space, really. (see screenshot)
Since I have absolutely 0 coding skills, would you be so kind to give me the code to put all those categories on the same line, separated by “,” or “|” please ?

Thanks again for all the times you’re helping me out.

Guillaume

2

Hi Guillaume,

I hope you are well today and thank you for your question.

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Activello Options -> Other -> Custom CSS

.flex-caption .post-categories li{
  display: inline-block;
}

.flex-caption .post-categories li:before{
  content: "- ";
  color: #fff;
}

.flex-caption .post-categories li:first-child:before{
  display: none;
}

Best Regards,
Movin

3

Yay, it works wonders !

Thanks for helping me out again and have a great week !

Guillaume

4

You are most welcome here :slight_smile: