The Worlds Most Powerful
WordPress Builder

If you Purchased & Registered a Slider Revolution License you can comfortably upgrade version 5.x to 6.0 from your WordPress Dashboard.

Why Activate Slider Revolution?

Activating Slider Revolution with your Personal Purchase Code will unlock all available Features.

Easy Live Updates
Personal License Key
200+ Template Library
1000+ Object Library
25+ Amazing Add-Ons
1on1 Ticket Support

*Regular License from $29. One License Key required per Domain.

Slider Revolution 6.0 NOW available!

Apply custom styles to a grid's skin based on grid item's category. Useful for when using the Lyndon skin, but can also be applied to any skin.

Normally when setting up a post-based grid, you can make custom skin modifications for each individual post.  This can be done in the “Essential Grid Custom Settings” section, under “Skin Modifications”.  However, these custom styles are only specific to each post, and therefore need to be applied for each individual post.

But if you want to apply a skin modification based on what category the post belongs to, this can be accomplished with some custom CSS.

1. Get the "slug" name for your post's category.

2. Get the skin's "Class Prefix" from inside the Item Skin Editor.

3. Use the following code format for the custom CSS style.

.filter-POST_CATEGORY_SLUG.SKIN_CLASS_PREFIX-wrapper .esg-overlay {background-color: #0000FF}

3.1 Example CSS to apply a custom background color for two different categories:

.filter-category-one.eg-washington-wrapper .esg-overlay {background-color: #0000FF}
.filter-category-two.eg-washington-wrapper .esg-overlay {background-color: #FF0000}

4. Where to add the Custom CSS

Popular Solutions