Tagged: ,

Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • February 12, 2018 at 2:40 pm #911113
    markvanhaze

    I am looking for a way to change the background transparency of the accordion slider as is done in the demo here:
    Kriesi DJ page demo

    I found a thread in the forum to do the color via quick CSS:

    p.toggler {
background-color: #be202d !important;
}

p.toggler strong {
color: white !important;
}

    But not for transparency.

    • This topic was modified 6 years, 10 months ago by markvanhaze.
    February 12, 2018 at 3:33 pm #911137
    Nikko

    Hey markvanhaze,

    Try using this css code:

    #top p.toggler,
#top .toggle_content {
  background-color: rgba(0,0,0,0.5) !important;
}

    Hope it helps :)

    Best regards,
    Nikko

    February 12, 2018 at 3:47 pm #911147
    markvanhaze

    Thanks, that works. Can you just tell me how to change the color with the same CSS?

    February 12, 2018 at 4:00 pm #911155
    Nikko

    Hi,

    Try adding color attribute. Hope it helps :)

    #top p.toggler,
#top .toggle_content {
  background-color: rgba(0,0,0,0.5) !important;
  color: white !important;
}

    Best regards,
    Nikko

    February 12, 2018 at 4:38 pm #911169
    markvanhaze

    Is that supposed to change it to white? Its doesnt seem to do anything.

    • This reply was modified 6 years, 10 months ago by markvanhaze.
    February 12, 2018 at 5:00 pm #911181
    Nikko

    Hi,

    Yes, can you give us a link to the page on your site showing the toggle? so we can check why it isn’t working. You can post the link in private content, so it is only visible to us (moderators) and you (thread creator).

    Best regards,
    Nikko

    February 12, 2018 at 5:18 pm #911202
    markvanhaze

    Sure; http://www.alwayswindy.com/blog/#toggle-id-3

    February 12, 2018 at 5:21 pm #911209
    Nikko

    Hi,

    I see, try adding this css code in Quick CSS:

    #top .toggle_content h4 {
  color: white !important;
}

    Hope this helps :)

    Best regards,
    Nikko

    February 12, 2018 at 5:27 pm #911212
    markvanhaze

    Unfortunately, no.

    February 12, 2018 at 5:30 pm #911216
    Nikko

    Hi,

    Are you referring to the title? try adding this css code:

    #top .all_colors .toggler strong {
    color: #fff;
}

    Best regards,
    Nikko

    February 12, 2018 at 9:09 pm #911355
    markvanhaze

    Hello Nikko,

    I might not explain myself correctly – I mean the background color of the accordion. Its translucent grey and I want it to be translucent white.

    February 13, 2018 at 4:05 am #911465
    Nikko

    Hi,

    I see, sorry for misunderstanding, try changing this code I gave before:

    #top p.toggler,
#top .toggle_content {
  background-color: rgba(0,0,0,0.5) !important;
  color: white !important;
}

    to:

    #top p.toggler,
#top .toggle_content {
  background-color: rgba(255,255,255,0.5) !important;
}

    just adjust the 0.5 value (50% opacity), 1 is the maximum which means no transparency and 0 is the minimum which will make it just transparent. Try to use 0.3 – 0.7. Hope this helps :)

    Best regards,
    Nikko

    February 13, 2018 at 8:07 am #911561
    markvanhaze

    You got it. Thanks for your great help Nikko.

    One more question – how can I change the font size for the toggle headers?

    • This reply was modified 6 years, 10 months ago by markvanhaze.
    February 13, 2018 at 11:30 am #911624
    Victoria

    Hi markvanhaze,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top .all_colors .toggler strong {
  font-size: 14px;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    February 13, 2018 at 2:30 pm #911699
    markvanhaze

    Your support is second to none. Thanks. Ticket closed.

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