Image heading accordion

[Richardz]

Hi,

I created an accordion to present my differents skills/solutions.

As you can see, in the header of each items, I created an image to introduce the solution but the image don’t cover totally the header.

I searched to change the size to maximize the covering, but If I can see what I want in the PRO editor, when I’m going on my website, the image size don’t change…

And it’s not really esthetic to see the interaction color in the back when my mouse is hover.

Have you got any solution to resolve my problem ?

You can see the accordion here : http://www.jadranko.com/prestations/

Thanks all and have a good day

[jade]

Hello Richard,

Please add this code in X > Theme Options > CSS:

.x-acc-header-text img {
    width: 100%;
}

Here are some related links for further reading:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Hope this helps.

[Richardz]

@Jade

.x-acc-header-text img {
width: 100%;
}

Thanks a lot Jade ! It’s perfect !

The result with your solution :

[jade]

You’re welcome, Richard.