Highlight post type in a view

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:

Relevant Documentation:

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.

Our next available supporter will start replying to tickets in about 5.91 hours from now. Thank you for your understanding.

This topic contains 2 replies, has 2 voices.

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!