Customizing the accordian

[saravanan]

Could you guide me on how add a spec of color (screenshot below) in front of the accordian header? If I can do this as a vector (line with rounded tips?), instead of draggin in a raster, all the more better.

Thanks in advance.

[ruenel]

Hello @Saravanan,

Thanks for writing in!

You can achieve that by using a custom css. Perhaps adding the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-acc .x-acc-item .x-acc-header.x-active{
    position: relative;
}

.x-acc .x-acc-item .x-acc-header.x-active:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 6px;
    height: 30px;
    background-color: red;
    border-radius: 0 10px 10px 0;
}

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps.