Using CSS to Target Featured Posts

 Link: https://support.brilliantdirectories.com/support/solutions/articles/12000101382

Previously to edit the look of Pinned featured posts, complicated PHP in specific areas of code was required.

Now we've made it easier to control by including a class to featured posts for each post type.

This CSS Class will allow targeting Featured posts for each post type:

Here are two examples for 2 different post types:

With this class it will be easier to target the featured posts using CSS in the Design Settings rather than having to go into specific sections of the code and use PHP every time.

Example Using the CSS Method

After setting a post as featured as shown below:

In this example will change the Background Color of the post on the search results page with the CSS code below:

.featured-post, .featured-post .img_section, .featured-post .mid_section, .featured-post .grid_element {
    background-color: aliceblue;
}

After applying the CSS, the featured post will show with a different background color: