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
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
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!
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
You are the best! Thank you alot!
If you want, you can close this now.
Love your Theme!
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