Tag and Category page: How to cutomise content?

Hey there 0618,

How are you doing today?

Both category and tag pages have specific class in the body which we could use to target CSS only on those pages. We could then use some CSS to remove post content and etc which would be applied only on category and tag pages.

Would you mind posting link to your category / tag page where you want this and let me know which parts you want removed and I’ll try to provide some CSS for that ??

Cheers,
Bojan

Hi Bojan,

It’s great to hearing from you!

Cool if we can control those content via CSS.

Here’s two links with Category page:
https://saunadirect.ru/category/novosibirsk/

and Tag page
https://saunadirect.ru/sauna/kruglosutochno/

As you can see that all posts content are there, but we’d like to remove it and keep only posts Titles.

By using CSS like this:
.wpb_row, .wpb_content_element, .wpb_thumbnails-fluid, .last_toggle_el_margin, .wpb_button {
display: none;
}

we can remove content from Category and Tag pages, but we afraid that those content will be removed from post pages as well.

Which class should we use to control content on Category and Tags content only? Please, help.

Thank you!

Igor.

Hey Igor, funny thing, my older brother has a same name ??

Yes, you’re right, content will be removed from your single post pages, blog page as well so you have to target category / tag pages by adding its classes to each selector.

You can see in the following screenshot that in body element on your category and tag pages there are specific classes added to them https://screencast.com/t/xPlsPg8qXqAy so you can use them to target CSS specifically to those pages.

So since you already have the code to remove everything all you have to do is add .category and .tag for each selector, like this:

.category .wpb_row, .category .wpb_content_element, .category .wpb_thumbnails-fluid, .category .last_toggle_el_margin, .category .wpb_button {
display: none;
}

.tag .wpb_row, .tag .wpb_content_element, .tag .wpb_thumbnails-fluid, .tag .last_toggle_el_margin, .tag .wpb_button {
display: none;
}

This will apply the same code, just for category and tag pages specifically.

Hope this helps ??

Cheers,
Bojan

Hi Bojan,

Thanks! It works just fine.

Glad to hear about your older borther name.) He supposed to be good person.

Name Igor has many meanings. This name associated with many things lika a Egyptian God Horus. Russian Prince Igor. Nordic name Ingwar (means: warrior), rune Ingwaz and Nordic God Ing (Yngvi).

I glad that you have brother with Igor name and feel myself brother to him as well. Forward to him my best regards and best wishes from Siberia.

Serbia / Siberia, close spelling. Right? )

Thank you once again. Let’s keep in-touch.

Igor.

P.S. Rapsody: Prince Igor

Enjoy! )

Hey Igor,

That’s definitely an interesting coincidence ??

Thanks for the info about the name, I’ll definitely pass it on.

Glad I could help and have a great day!

Cheers,
Bojan