Highlight post type in a view

This thread is resolved. Here is a description of the problem and solution.

Problem:

I have a view listing all CPTs in a search result. Now I want to highlight one of CPTs using a different border or background. How can I do this?

Solution:

I suggest you try these:

https://toolset.com/forums/topic/highlight-post-type-in-a-view/#post-1361885

Relevant Documentation:

https://wp-types.com/documentation/user-guides/views-shortcodes/#wpv-post-type

This support ticket is created 3 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	9:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

Tagged: Views, Views plugin

This topic contains 2 replies, has 2 voices.

Last updated by PZ 3 years, 7 months ago.

Assigned support staff: Luo Yang.

Author

Posts

October 15, 2019 at 7:51 am #1361865

I have a view listing all CPTs in a search result. Now I want to highlight one of CPTs using a different border or background. How can I do this?

October 15, 2019 at 8:15 am #1361885

Luo Yang

Supporter

Languages: English (English ) Chinese (Simplified) (简体中文 )

Timezone: Asia/Hong_Kong (GMT+08:00)

Hello,

I suggest you try these:
1) In view's loop, wrap the content with a HTML DIV tag using post type slug as CSS class name, for example:

<div class="[wpv-post-type]">
...
[wpv-post-link]
...
</div>

2) Setup custom CSS codes to add different border or background to those specific post types, for example:

.my-post-type-slug{
background-color: red;
border-style: solid;
}

Please replace "my-post-type-slug" with your custom post type slug.

More help:
hidden link

October 15, 2019 at 9:06 am #1361901

My issue is resolved now. Thank you!