Full-screen-width Accordion

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. 

Comments

  • 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
  • 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
  • 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
  • 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
  • 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!

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

    Thanks.
  • Many thanks!!!
Sign In or Register to comment.