Hi,
I would like to make adjustments in the toggle.
– Reduce the spacing between the headings (when the toggle is closed)
– Reduce the spacing between header and content text
– Reduce the distance (margin, padding) to the left
– Only the + sign represent., Without border (At the moment I have simply inserted a + in the heading)
Many Thanks
Jürgen
Hey winnerl,
Try adding this css code in Quick CSS (located in Enfold > General Styling):
.page-id-645 .togglecontainer {
margin: 0 0 10px;
}
.page-id-645 p.toggler {
padding: 0 !important;
}
.page-id-645 p.toggler span.toggle_icon {
display: none;
}
.page-id-645 .togglecontainer .toggle_content {
padding: 0 !important;
}
.page-id-645 .togglecontainer .toggle_content {
padding: 0 0 0 13px!important;
}
Hope this helps.
Best regards,
Nikko
Hi Nikko,
merci, perfect !!!
I have a second question:
I would like to make the inactive dots in the “Contentslider” white. Can you give me a code? (At the moment they look gray or transparent).
Many Thanks
Jürgen
Hi,
Glad we could help :) try adding this css code:
#top .avia-smallarrow-slider .avia-slideshow-dots a {
opacity: 1;
}
Let us know if this works :)
Best regards,
Nikko
Super thank you!!!!!!!
Last thing:
I would like the plus sign in color orange and the distances between + sign and text as above in the „icon list“.
would that be possible?
Best regards, Jürgen
Hi,
It looks like you have hidden the default plus sign? That means that you will have to wrap the + sign in a span like this:
<span style="color:orange;">+</span> Your text.
Could you try that out please?
Best regards,
Rikard
ok, i check this. Merci
super, it works !!!
Hi,
Glad that Rikard helped you :) Let us know if you need more assistance regarding this topic or if we can close it.
Best regards,
Nikko