Docs

[weareobeo]

I’m hoping to add images beside each heading of the accordion items. I want them to stick to the right side so they line up with the one below.

Any help?

Link

[Jade]

Hi there,

Please refer to this thread that is related to what you’re trying to achieve: https://community.theme.co/forums/topic/accordion-header-image/

Hope this helps.

[weareobeo]

Thanks for that. It works great when I add the code to cornerstone and save. It looks great until I close CS. It’s stripping away the src img code though. So no image appears.

accordion_item title="Household <img src='http://weareobeo.com/wordpress/wp-content/uploads/2016/05/household.png' />" parent_id="my-accordion"

[Friech]

Hi There,

You need to insert the image via CSS. To do that add a class to each of your accordion item. And then add this custom css on your customizer

.yourclass .x-accordion-heading .x-accordion-toggle:after {
	content: url('IMAGE URL HERE');
	float: right;
}

Replace the yourclass with the actual class that you assign to your accordion item, and replace the IMAGE URL HERE with your actual image URL.

Hope it helps, Cheers!

[Author]

Posts