1 reply to this topic

[Yann]

Hello i purchased the TinyMCE pro plugin yesterday. i get it for easily integrating accordion on category descriptions (prestashop 1.7.7) i would like to know if you have a trick for adding icons on the accordions, when it's closed and opened (for exemple a '+' / '-' ? For now the accordions don't have any icons.

 

Many thanks 

[Milosz]

Hello,
use these css styles:
 

.bootstrap-accordion .panel-heading .panel-title a {
text-decoration:none;
display:block;
}

.bootstrap-accordion .panel-heading .panel-title a::after {
content:'\e145';
font-family: 'material icons';
float:right;
}

.bootstrap-accordion .panel-heading .panel-title a.collapsed::after {
content:'\e15b';
font-family: 'material icons';
float:right;
}

.bootstrap-accordion .panel-heading .panel-title {
background:#FFF;
padding:4px;
display:block;

border-radius:2px;

}

.bootstrap-accordion h4 {
margin:0px;
}

.panel.panel-default.bootstrap-accordion {
background:#FFF;
margin:0border-radius:2px; border-bottom: 1px solid #cecece;
}

.bootstrap-accordion .panel-collapse {
padding:5px;
}

.bootstrap-accordion .panel-collapse p {
padding:0px;
margin:0px;
} 

you can paste them at the end of /themes/your-theme/assets/css/custom.css

effect will be like: