Change the color of the first accordion

This topic has 6 replies, 3 voices, and was last updated 7 years by Radu.

Author
June 9, 2017 at 20:00 #163864

carlostinca
Participant

Hi!

I want to change the color of the first accordion of Visual Composer. How can i select it?

Thanks!,

Carlos
June 12, 2017 at 07:14 #164001

Laura
Moderator
Hello, you can add a class to the first one and use css like this:
COPY CODE
```
.YOURCLASSNAME .panel-heading {
background:red !important;
}
```
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
June 12, 2017 at 18:56 #164066

carlostinca
Participant

Hi Laura,

Got it, but individual tabs cant have css class (im using Kleo Accordion). So i have to add it to the Kleo Accordion element, but how can i target via css the first one?

Thanks!
Carlos

June 13, 2017 at 18:29 #164191

Laura
Moderator

Hello, will assign the ticket to a higher support level who can help and advise you in your query.
Thanks! ?

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

Laura Solanes - Graphic Designer and Web Designer

Please be patient as I try to answer each topic as fast as i can.

If you like the theme or the support you've received please consider leaving us a review on Themeforest!

Always happy to help you 🙂
June 15, 2017 at 19:47 #164359

Radu
Moderator
Hi,

Just use this CSS
COPY CODE
```
.panel-kleo .panel:nth-of-type(1) {
    background-color: red;
}
```
The CSS will be added to wp-admin -> theme options -> general settings -> quick CSS

Cheers
R.

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

What support service includes ? What not ?
June 16, 2017 at 21:49 #164467

carlostinca
Participant

Hi Radu,

Thanks, that helped. But we have an extra problem, that would fill the color of all accordion’s first tab in a page, is there a way to paint only the first tab of a specific accordion’

Thanks again for your help!
Carlos
June 19, 2017 at 17:30 #164639

Radu
Moderator
If you will add a class to the row that contains that or if you add a specific class to the accordion you will have to modify the CSS selector by adding as prefix the class name.

Example
COPY CODE
```
.firstcolored .panel-kleo .panel:nth-of-type(1) {
    background-color: red;
}
```
Cheers
R.

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

What support service includes ? What not ?
Author

Posts

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘General questions’ is closed to new topics and replies.

Search KB

Log in with your credentials

Forgot your details?