
-
AuthorPosts
-
September 1, 2014 at 5:50 pm #311955
Hi,
i really like the Enfold theme! It’s great.
I only use an other accordion slider because i can customize it much more.
But there is a problem: the default slider from Enfold works full width whithout any restriction.
The slider I use I have to put in a post ans than it wil appear on the site.
But it won’t come full with.It depends on where I insert the accordion. The default slider is added in the ‘main’ element, which is full width, so the slider will also be full width. If I add the plugin accordion slider in the same section it will be full width as well. But it seems to be impossible.
The only option I have is to put the plugin accordion slider inside the post’s content (with shortcode) and the posts don’t stretch full width. They have a limit set thought CSS. The limit is 910 or 1030 or 1210 pixels, depending on the screen size. If I add the default slider in a post it won’t stretch full width anymore because of the limit set for content added to posts. So, the plugin accordion slider doesn’t add that white space, it’s Enfold that adds it.
What can i do to put the accordion plugin on full width?
Thanks
Jan lauwrens haisma
September 2, 2014 at 9:44 am #312137Hi jlhaisma!
Thank you for using Enfold.
If you want to use the accordion slider as fullwidth then you have to enable the Advance Layout Builder for posts. Add this on functions.php:
add_theme_support('add_avia_builder_post_type_option'); add_filter('avf_builder_boxes','enable_boxes_on_posts'); function enable_boxes_on_posts($boxes) { $boxes[] = array( 'title' =>__('Avia Layout Builder','avia_framework' ), 'id'=>'avia_builder', 'page'=>array('page','post', 'portfolio'), 'context'=>'normal', 'expandable'=>true ); $boxes[] = array( 'title' =>__('Layout','avia_framework' ), 'id'=>'layout', 'page'=>array('page','post', 'portfolio'), 'context'=>'side', 'priority'=>'low'); $boxes[] = array( 'title' =>__('Additional Portfolio Settings','avia_framework' ), 'id'=>'preview', 'page'=>array('page','post','portfolio'), 'context'=>'normal', 'priority'=>'high' ); return $boxes; }
Unfortunately, there maybe some issues when using ALB on posts. You won’t have the share section and the comment section by default. You need to add it manually using the advance layout builder.
Cheers!
IsmaelSeptember 2, 2014 at 10:57 am #312186Thanks Ismael!
Unforunality it does not seem to work. Or, at least, I don’t understand.
I can use the ALB on posts now but i won’t get the slider on full widt.
It seems that the lay-out of the main content from Enfold does not allows a full widt (the complete page). The default slider goes over the whole page but the plugin (in post or page) doesn’t…Hope you can help me out!
thanks
September 3, 2014 at 8:09 am #312693Hi!
OK. Just to be clear, you want the Accordion Slider to span full width? Is that correct? Or are you using another plugin for the accordion slider? Note that we don’t provide support for third party plugin if that’s what you’re trying to fix here. Please post the login details here. Let me check the post with the accordion slider.
Best regards,
IsmaelSeptember 3, 2014 at 10:45 am #312747This reply has been marked as private.September 5, 2014 at 3:30 am #313744September 5, 2014 at 10:48 am #313906This reply has been marked as private.September 5, 2014 at 5:12 pm #314126Hey Jan!
You can force a container to be full width:
1. Create a color section with ID of fullwidth.
2. Add this to Quick CSS:#fullwidth .container{ max-width: 100% !important; padding: 0 !important; }
Everything inside that color section will have the fullwidth space available, so if your plugin element is set or has an option to go fullwidth it will work.
Best regards,
Josue-
This reply was modified 9 years, 7 months ago by
Josue.
December 3, 2015 at 10:09 pm #546691Hi Josue and guys,
I have problem with width of my accordion slider in a color section.
I did everything what you wrote to Jan on September 5, 2014 at 5:12 pm with like problem but without success.
I need a full width accordion in my color section.
Please check my home page under private Content!Thank you
-
This reply was modified 9 years, 7 months ago by
dani59.
December 4, 2015 at 1:08 pm #546945Hey!
Try with this code instead:
#fullwidth .container{ max-width: 100% !important; padding: 0 !important; }
Cheers!
JosueDecember 4, 2015 at 1:25 pm #546959Hi Josue,
This works perfectly.
Thank you again!-
This reply was modified 9 years, 7 months ago by
dani59.
December 4, 2015 at 1:39 pm #546975You are welcome, glad to help :)
Regards,
Josue -
This reply was modified 9 years, 7 months ago by
-
AuthorPosts
- You must be logged in to reply to this topic.