Docs

[bigdreams]

Hello,

we ware working in a developing Environment for a customer.
And we use the accordion function to have a kind of read more button, like the customer wants to have.

http://www.brandpackage.at/altrichterpro/

If u look below the wikifolio logo (image) there is our text accordion.
i wrote the following css to hide the dots after the accordion is collapsed, and it works really god. also with the link on the bottom to close the accordion. But after closing my accordion is hidden and i don’t find the way to let it appear like before opening.

So our problem is still after closing the accordion to see the dots and the arrow like at the beginning.

thank you

CSS:
/* Accordion Css */
/* OPEN */
.x-accordion-heading .x-accordion-toggle {
background-color: transparent;
padding: 0px 0px 0px 0px;
margin: -20px;
}
/* CLOSED */
.x-accordion-heading .x-accordion-toggle.collapsed {
background-color: transparent;
color: black;
padding: 0px 0px 0px 0px;
margin: 0px; !important
}
/* ICON ALIGN */
.x-accordion-heading .x-accordion-toggle:before{
float:right;
}
/* ICON COLOR & HOVER */
.x-accordion-heading .x-accordion-toggle.collapsed:before{
color:#000;
}
.x-accordion-heading .x-accordion-toggle:hover:before {
color: #000;
}
/* INNER NOR BORDER */
.x-accordion-inner {
border:none;
padding: 0;
}
/* HEADING HOVER */
.x-accordion-heading .x-accordion-toggle:hover {
color: black;
}

[bigdreams]

but also a better solution would be to don’t need the button below to close the accordion. If i click anywhere else and its auto closing that would be also awesome!

thanks

[Christopher]

Hi there,

Please check the URL, it displays ‘Nothing to Show Right Now’.

Thanks.

[bigdreams]

sorry..
was working on a language detector..
>>>now it should work again

[bigdreams]

This reply has been marked as private.

[Christopher]

Hi there,

#1 Please update this code :

.x-accordion-heading .x-accordion-toggle {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    margin: -20px;
}

To :

.x-accordion-heading .x-accordion-toggle {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: red;
}

Add this too :

.x-accordion-heading .x-accordion-toggle:before {
    color: red;
}

#2 Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Hope it helps.

[bigdreams]

thank you!

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts