• 0

Accordy Slider Color for individual slider tabs


Question

Posted · Report post

I guess the title says it all. How do i give each tab a specific color? Similar to the stich theme.

Share this post


Link to post
Share on other sites

4 answers to this question

  • 0

Posted · Report post

Nah, the basic theme is fine.

Put this in your custom LESS/CSS field:
 

.section-accordy-slider { 
  .liteAccordion{
    &.basic {
      .slide {
         &:nth-child(1) {
            h2 {
              background:#111111;
            }
        }
        &:nth-child(2) {
            h2 {
              background:#dddddd;
            }
        }
        &:nth-child(3) {
            h2 {
              background:#666666;
            }
        }
        &:nth-child(4) {
            h2 {
              background:#444444;
            }
        }
      }
    }
  }
}
 
1 person likes this

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

It depends on which theme you are using.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

I'm using the basic theme.

Thats the one suggested to use with custom css.

Should I use a different theme? And if so which?

Then what would I need to look for to change the individual tab colors?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Perfect. Thank you so much.

This worked.

1 person likes this

Share this post


Link to post
Share on other sites