Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • June 21, 2016 at 9:18 pm #651725
    Hautzeit

    Hi there,
    I´m asking myself if it´s posible to add some Color to the Akkordeon? I´ve added one today but it´s just (boring) plain white. Is there a way to do that?

    Thanks

    Steffi

    June 22, 2016 at 12:51 am #651810
    Vinay

    Hey Hautzeit,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    /* Accordion Tabs Color*/

.av_toggle_section:nth-child(1) .toggler, .av_toggle_section:nth-child(1) .toggler:hover {
background: red!important;
}

.av_toggle_section:nth-child(2) .toggler, .av_toggle_section:nth-child(2) .toggler:hover {
background: gold!important;
}

.av_toggle_section:nth-child(3) .toggler, .av_toggle_section:nth-child(3) .toggler:hover {
background: green!important;
}

    Best regards,
    Vinay

    June 22, 2016 at 6:22 am #651909
    Hautzeit

    Hey Vinay,

    thanks for the quick replay. It works – but how can I make the Colors more “mine”, so that they fit to my Website? Can I replace the “Red”, “Gold”, “Green” and use a color hexcode instead – #66999……. oh, and can I change the Fontcolor also? Let´s say I want a Akkordeon in #669999 with a white Font….I´m not good in css – sorry….

    Thanks!

    Steffi

    • This reply was modified 7 years, 10 months ago by Hautzeit.
    June 22, 2016 at 8:19 am #651968
    Vinay

    Hi,

    Yes that is possible, please replace red, gree, gold to any hex value to suit your design and add color:#FFF; below the background rule to every css block to change the font color.

    .av_toggle_section:nth-child(1) .toggler, .av_toggle_section:nth-child(1) .toggler:hover {
background: red!important;
color: #FFF;
}

    Best regards,
    Vinay

    June 22, 2016 at 11:10 am #652014
    Hautzeit

    Works like a charm – thank you so much!

    Best regards

    Steffi

    June 23, 2016 at 7:10 am #652516
    Rikard

    Hi Steffi,

    Great, glad we could help :-)

    Best regards,
    Rikard

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