Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1279092

    Hello Kriesi-Team,
    thank you for your awesome Theme!

    I am wondering how i can align the title of a accordion with the (+/-) Symbol to the right side.
    Right now I have a 50/50 layout:

    Text align left / Image
    Image / Text align right

    Now under the Text are two accordions. The first one is totally normal and fine so far but the secound should align to the right like the rest of the secound text.
    Can you provide me with that quick CSS that is needed?

    Thank you, loving your Support!

    Marcel Fruntke

    #1279148

    Hi Marcel,

    Thanks for contacting us! :)

    Please edit your element and go to Advanced > Developer Settings tab and give it custom CSS class (“right-aligned” in example below) and then add following code to Quick CSS field in Enfold theme options > General Styling tab

    
    #top .right-aligned .toggler {
        text-align: right;
        padding-right: 10px;
    }
    

    Cheers!
    Yigit

    #1279177

    Nice, thank you! That just worked fine for the title of the accordion.
    Is it possible to get the (+ & -) Symbols also to the right?

    Like so:

    “Accordion-text bla bla +” -> closed
    “Accordion-text bla bla -” -> active

    instead of now:

    “+ Accordion-text bla bla” -> closed
    “- Accordion-text bla bla” -> active

    Thank you for your great support!

    #1279363

    Hi,

    Please add following code to Quick CSS field as well

    
    #top .right-aligned .toggle_icon {
        right: 10px;
        left: auto;
    }
    

    and change the code I posted in my previous reply to following one

    #top .right-aligned .toggler {
        text-align: right;
        padding-right: 30px;
    }

    Best regards,
    Yigit

    #1279409

    You are the best! Thank you alot!

    If you want, you can close this now.

    Love your Theme!

    #1279415

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Accordion align title and Symbol to the right’ is closed to new replies.