Accordion right aligned price

[summerskin]

How can I make the price be right aligned like this example:

Also how can you change the > symbol to a +.

[prakash_s]

Hello @summerskin,

Thanks for writing to us.

I would suggest you please go to the accordion element —>Header—>Type —>Icon–>select the Icon.

Now you need to go to the accordion item —> edit the content with custom HTML markup where you need to add the custom class inside the span tag. Please have a look at the screenshot below.

You need to add the custom element CSS as well to align the text on the right side.

$el span.price-right {
    float: right;
}

The purpose of providing custom CSS is 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 or you subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[summerskin]

amazing thank you

[tristup]

Hi Allison,

Glad that we are able to help you.

Thanks