Jump to content


Photo
Accordy Slider

Color for individual slider tabs

accordy tab color

Best Answer ahansson89 , 23 September 2013 - 05:39 PM

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;
            }
        }
      }
    }
  }
}
 
The output is this:
http://cl.ly/image/2S093B27022b
Go to the full post


  • Please log in to reply
4 replies to this topic

#1 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 22 September 2013 - 10:03 PM

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



#2 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 September 2013 - 12:51 PM

It depends on which theme you are using.



#3 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 23 September 2013 - 01:12 PM

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?



#4 ahansson89

ahansson89

    Advocate

  • Members

  • 522 posts
  • Framework Version:DMS
  • Country: Country Flag

Posted 23 September 2013 - 05:39 PM   Best Answer

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;
            }
        }
      }
    }
  }
}
 

  • SaleekR likes this

#5 SaleekR

SaleekR

    Member

  • Members

  • 27 posts
  • Country: Country Flag

Posted 24 September 2013 - 11:23 PM

Perfect. Thank you so much.

This worked.


  • ahansson89 likes this





Also tagged with one or more of these keywords: Accordy Slider, accordy, tab color