Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • August 22, 2016 at 2:51 pm #675772
    TomaszCwil

    Hi,

    I have a question about a roll-up window – I think this is the name. Anyway it is here
    http://dictionary.cambridge.org/dictionary/english/knee – a light blue stripe with Thesaurus. I want exactly the same thing.
    I would be grateful if you helped me with it.

    Best Regards

    Tom

    August 22, 2016 at 2:55 pm #675776
    Yigit

    Hey Tom!

    It is called Accordion and there is already an element called Accordion in Advanced Layout Builder.
    You can see examples here – http://kriesi.at/themes/enfold/shortcodes/toggles-accordions/

    Best regards,
    Yigit

    August 22, 2016 at 5:08 pm #675883
    TomaszCwil

    Yes I have overlooked it! However one more question. Is there a way to change the colour of the toggle box’s background as well as the inside font?

    Tom

    August 22, 2016 at 7:17 pm #675974
    Basilis

    Hey!

    Yes, you would need some CSS to do it.
    When your page ius setuped, please let us know the colors and the changes and we will do them for you.

    Thanks a lot

    Best regards,
    Basilis

    August 30, 2016 at 11:09 pm #679741
    TomaszCwil

    Hi again,
    If you could give me some code for the accordion as promised.

    audibly ( adverb )

    The colour of the background of the accordion – 144e7d
    The colour of the font – f2f0f0

    If this could be true to all accordion on the website, I would appreciate.

    Tom

    August 31, 2016 at 2:49 pm #679984
    Yigit

    Hi,

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

    .toggle_content * {
    color: #f2f0f0!important;
}
.toggle_content {
    background: #144e7d!important;
}

    Best regards,
    Yigit

    August 31, 2016 at 5:02 pm #680167
    TomaszCwil

    Hi again,
    Sorry I think I was not clear. The code you provided me with changed the colour of the roll-up window.

    I wanted to change the colour of the box with the inscription SEE MORE EXAMPLES Have a look at the link – http://babeldictionary.net/audibly-adverb/#toggle-id-1

    The colour of the background of the box SEE MORE EXAMPLES – 144e7d
    The colour of the font in the box– f2f0f0

    Many Thanks and apologies for the kerfuffle

    Tom

    September 2, 2016 at 6:10 am #681122
    Rikard

    Hi,

    Please try the following instead: 

    .main_color .toggler {
    background-color: #144e7d;
    color: #f2f0f0;
}

    Regards,
    Rikard

    September 2, 2016 at 10:13 pm #681484
    TomaszCwil

    Hi again,

    I did it but it does not work…

    Tom

    September 7, 2016 at 5:38 am #682936
    Ismael

    Hi,

    We modified the code a bit. Please try it again.

    Best regards,
    Ismael

    September 8, 2016 at 6:10 pm #683827
    TomaszCwil

    Hi again , it works perfectly! However when I hover over this box it still changes into white could I ask you to give more code so that the colour is always blue – http://www.babeldictionary.net/audibly-adverb/#toggle-id-1
    144e7d

    Thanks you in advance
    Tom

    September 10, 2016 at 7:13 am #684424
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold–>General Styling:

    .toggler:hover {
background-color: #144e7d !important;
}

    Best regards,
    Rikard

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