Full-screen-width Accordion

tclauson1 · February 2018

Hi I would like to have a full page dedicated to an accordion (or FAQ).

1. I want the title bars to extend full-width but the title and answer text to be within the column grid of 1240px (left-aligned but in the center of the page.)

2. Can I insert an icon or image along with the title text?

Thanks.

Bryan · February 2018

Hi,
Sorry but all of this will be not possible, you can ofcourse extend the accordion to full-width but the asnwer text will also be full width.
You can try to add images using image shortcodes or HTML.
thanks

tclauson1 · February 2018

OK thanks for replying. For #2, are you talking about betheme image shortcodes? I've tried <img src="" > in the title and it didnt work. I also made a custom icon font and uploaded it under Fonts/Custom and it shows up in the drop-down for selecting h5, h6 and I wrapped the letter I associated the particular icon with in <h5> tags and nothing. Even after applying custom CSS: h5 {font-family:"sigmasixicons" !important;}

These are SVGs made in illustrator and I made the dont files with icomoon

tclauson1 · February 2018

also, what's the best way to change the accordion tab and hover colors? I am using the WP Bakery one since I wanted to target specific tabs with links. Thanks

Bryan · February 2018

If the images or icons do not work then there is no possibility to add it, like I said it was not intended to be used this way. For colors you have to edit the VC items and change them there, the theme options only works with the Muffin Builder.
thanks

Dimitar_Todorov · June 2018

Hello, I want full screen width Accordion when I publish my products and description field width to be the same as above section wrapper.

Your support is appreciated!

Pablo · June 2018

Dimitar_Todorov

If you want to edit your shop products settings, you have to go to BeTheme > Theme Options > Blog, Portfolio & Shop > Shop

Thanks.

Dimitar_Todorov · June 2018

Many thanks!!!

Full-screen-width Accordion

Comments