Changing box color and add a border in a Feature Item

[DiegoBRRSPF]

Hi!

How can I change the box color and add a border in a Feature Item list, as the attached image?

Thanks!

Attachments:

You must be logged in to view attached files.

[sharmstr]

The background controlled by a whatever section style you have set on the row. Then it uses the alternate background color set in Theme Options > Styles > Watever section style you set.

There isnt a border by default, so you’ll have to add it with this css

COPY CODE

.kleo-block.feature-item {
    border: 1px solid green;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[DiegoBRRSPF]

Hi sharmstr.

Ok, thanks for your response. I understand the use of the Theme Options > Styles, but I just want to change the background of that particular box, not the color of every component that use the Alternate Background setting.

Maybe a CSS complement in your suggestion?

Thanks.

[sharmstr]

There isnt a way to target a specific featured item within a featured item grid because there isnt an extra class name field in the item settings. There is on the featured item grid though. So I guess you could create a grid with only one item, add an extra class name then use css like this…

COPY CODE

.your-class-name .feature-item {
    background-color: red !important;
    border: 1px solid green;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[DiegoBRRSPF]

OK sharmstr.

Thanks!

[Author]

Posts