Background image on accordion

[Lyser]

Hello,
I try to get a image background on the right side of a accordion header

my class :

.acc1 {
background-image: url("…image.jpg");
background-repeat: no-repeat;
background-position: right;
}

i put the class here :

It’s not working, but i’m not sure it’s the right way to do this.
What it should be :

[prakash_s]

Hello @Lyser,

Thanks for writing to us.

Your custom CSS code is correct but the selector is not correct because of that the background image is not overriding and the accordion header is showing white background.

.x-acc-item.acc1 .x-acc-header {
    background: url(image_url) !important;
    background-repeat: no-repeat;
    background-position: right;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

[Lyser]

Perfect, thx you very much =)

[nabeel]

Glad that we could be of help.

Cheers!