-
Posts
-
Hi,
I wonder if Enfold is capable to do a similar accordion such as this one: http://dns.d.pr/Cgwv/RXhLTeLW
Basically… you can set it as full width and add icons on each “tab / buttons”.
The page is here: https://www.approveme.me/#icon-grid
Thank you
Hi sitesme!
Yes, that would be possible using custom CSS. If you need our help, please create your element and turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ give your element a custom class and try to make it look as similar as you can and then let us know. You can use HTML in tab titles.
Best regards,
YigitCould you please assist me with that?
I have created an accordion widget right and gave the css name social-feeds. http://samolis.family/en/the-history-of-samolis-family/#toggle-id-3
Also is it possible to change the + sign to a different icon for each slide? E.g. Facebook icon for Facebook, Twitter icon for Twitter. It works very well with tabs but the problem is that the website expands too much and is annoying especially on a mobile phone.
Thank you!Hi samvasgr,
No, you can put the icon next to the title, but not change the accordion icon. Could you please attach a mockup of what you’re trying to achieve?
Best regards,
VictoriaHi Victoria,
On the right sidebar if I use tabs it looks very nice like this.
. However the whole website expands too much . For example on facebook feed tab as attached.
With the accordion it is nicely like this. You can just open up the slide you want but the only icon is the +.
Hope this clarifies you query.Thank you!
.. Is it maybe possible to combine both? Have the tabs ckosed.. And expand then with a click like accordion?
I found some other threads and played around accordion with 2 different threads https://kriesi.at/support/topic/replace-accordion-toggle-with-entypo-icon/ and https://kriesi.at/support/topic/accordion-color/. I combined both of them but have the issue now that the text is not bold enough and also the icon changed from + to arrows, but it is still the same for each slide.
I have acutally a page where I am working on it which is http://samolis.family/en/accordion/ but do not have any link on that on the page. what i do is copy and paste the code and create a side widget.for the other pages.
Hi,
Please use the following css code to change the font weight.
.js_active .toggler { font-weight: bold; }Remove the following css modification if you don’t want the arrows.
.toggle_icon:before { content: '\E87D'; font-family: 'entypo-fontello'; font-size: 18px; font-weight: normal; } .activeTitle .toggle_icon:before { content: '\E87B'; } .toggle_icon { border: 0; } .toggle_icon span { display: none; }Best regards,
IsmaelOk Ismael,
I removed the code for the arrows.. Is it now possible as on https://kriesi.at/support/topic/replace-accordion-toggle-with-entypo-icon/#post-863115 to put a differnt icon on each slide like Nikko and Victoria advised?
Also another thing: Is the first question from sitesme answered as I do not see that it is resolved. Can the accordion be modified to horizontial?Thank you!
Hi samvasgr,
Can the accordion be modified to horizontial?
No. Unfortunately, it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if it’s really important for you to get this done, you can always hire a freelancer to do the job for you :)
I like the tabs better for the sidebar, the accordion toggles with colors break out too much of the general website color theme.
If you need further assistance please let us know.
Best regards,
Victoria
- You must be logged in to reply to this topic.