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.
This website uses cookies

We use cookies to personalise content and ads, to provide social media features and to analyse our traffic. We also share information about your use of our site with our social media, advertising and analytics partners who may combine it with other information that you’ve provided to them or that they’ve collected from your use of their services.

Cookies are small text files that can be used by websites to make a user's experience more efficient.

The law states that we can store cookies on your device if they are strictly necessary for the operation of this site. For all other types of cookies we need your permission. This means that cookies which are categorized as necessary, are processed based on GDPR Art. 6 (1) (f). All other cookies, meaning those from the categories preferences and marketing, are processed based on GDPR Art. 6 (1) (a) GDPR.

This site uses different types of cookies. Some cookies are placed by third party services that appear on our pages.

You can at any time change or withdraw your consent from the Cookie Declaration on our website.

Learn more about who we are, how you can contact us and how we process personal data in our Privacy Policy.

Please state your consent ID and date when you contact us regarding your consent.