Tagged: ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 20, 2017 at 7:25 pm #736620
    ellielbailey

    How do I target EACH individual tab in the accordion to change it’s color? I have changed the color of all the tabs, but I’m not sure how to target each of them separately.

    January 25, 2017 at 1:42 am #738052
    Nikko

    Hey ellielbailey,

    You will need to add some css using nth-child ( http://www.w3schools.com/cssref/sel_nth-child.asp ) in Quick CSS.

    Best regards,
    Nikko

    January 25, 2017 at 5:59 pm #738501
    ellielbailey

    It’s just not working. I used “inspect element” in chrome to find out what I’m targeting. It says .main_color .toggler
    so in my style sheet, i’ve done the following, but it’s only applying the first one to all the toggles! When I inspect element, I see that only the first one is overriding the original white background style. 

    .main_color .toggler:nth-child(1) {
background-color: #66cccc!important;
}

.main_color .toggler:nth-child(2) {
background-color: red!important;
}
    January 28, 2017 at 8:48 pm #739764
    Nikko

    Hi,

    You are making progress on it, however you would probably need to add also the page-id-xx from the body’s class as well as the section’s class to make the background color specific. It’s a bit hard to target it but with those additional classes on top of it that should make it change the background color but not globally.

    Best regards,
    Nikko

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.