-
Posts
-
Hi,
The color section won’t end on some pages.
Scroll to the bottom and you can see where it has included the footer and changed the formatting.
http://accutune.staging.wpengine.com/product-category/fox-racing-shocks/fox-coilovers/ (hosted on WPengine)What code snippet do I need to add to fix this?
There also seems to be a strange line break between the headline rotator and text block.
On the same page check between “Engineered Valving For Fox Coilovers” and the text below.
You will see a strange <br> that doesn’t appear on the homepage.Any help you can provide on removing the line break would be helpful.
Thank you,
RyanHi RRaker!
Remove the contents of the color section and keep checking the frontend to see which element is causing the issue. When you find it look over your code to make sure everything is closed properly.
<div></div> <strong></strong> etc etcRegards,
ElliottElliot.
I can remove everything from the color section and the footer is still contained within the color section.
Thanks for your help!
The problem is the color section on that one particular page. The color section works fine everywhere else and everything else works correctly on that page when the color section is removed.
Something about that individual page and the color section don’t get along. Is there a reason the color section wouldn’t end when it should?
I can remove everything from the color section and it still takes over the entire page and contains the footer.
Hi,
Please try to deactivate debug mode in order to display shortcodes: http://kriesi.at/documentation/enfold/enable-advanced-layout-builder-debug/, then try to copy/paste the shortcode to a new page to see if that helps.
Thanks,
RikardThank you for all the help!
I have enabled debug mode and found that the following code is causing the issues. I don’t even have to add content in the section and it will take over all content below it.
[av_section min_height='' min_height_px='500px' padding='default' shadow='no-shadow' bottom_border='no-border-styling' id='' color='main_color' custom_bg='#f7f7f7' src='' attachment='' attachment_size='' attach='scroll' position='top left' repeat='no-repeat' video='' video_ratio='16:9' overlay_opacity='0.5' overlay_color='' overlay_pattern='' overlay_custom_pattern=''][/av_section]The problem seems to be related to av_section closing the “main” and the “wrap_all” divs so my additional content is being inserted into the color section instead of after it. Is there a method for keeping the “main” and the “wrap_all” divs open after the color section?
This is the last issue before I launch a revised version of the website. I’ve wasted a week trying to figure this out. Can you please provide a final solution? I need to add a background color and assign the class “feature” to the section.
Thank you!
RyanHi,
You can set a background colour in the Color Section options in the Section Background tab. You can assign an id to the section in the For Developers: Section ID field, if you need to assign a class please follow this guide: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Thanks,
RikardThank you Rikard, I have tried to use that method but the color section takes over the entire footer. Is there another way to add a colored background or to make the colored section end before the footer?
Thank you for the help! The plugin creator modified the child theme to fix the issue.
Thank you,
RyanJust to say I have exactly the same issue as RRaker ( https://kriesi.at/support/topic/color-section-wont-end/#post-546227 ) :
Sometimes the colour section won’t end (cf link in private content section – note that the issue is on the french version, you might have to switch at the top), and I also have the issue if I remove all the content and just have an empty colour section.
A workaround I found is to add an empty tab section (just 1 tab, with an empty name ” ” ) after the colour section (cf the english version of the same page).
I sometimes also have some weird spacing that I suspect to be due to related (cd the space after the “presentation” section in the french page).I still haven’t find a way to reproduce all that with a band “new page” though.
I can’t give you the login credentials, but if you have an idea of what can be wrong let me know!Hi,
Thank you for using Enfold.
@goch: I can’t see the issue in the page. Could you please provide a screenshot of the issue? Use imgur or dropbox.Best regards,
IsmaelYou can see that the footer is different on that page than on the others. The reason is that it has the wrong css applied because the colour section misses some </div>, so the footer is included in the wrong section
Hi,
I see. Did you add any html tags in the page? Please try to move the elements or set of elements inside their own color section.
Best regards,
IsmaelHi Ismael,
If I remove everything from the page (using the advanced layout editor as I always do), and then add just a single colour section (without anything in it), I have the same issue!
The weird thing is that if I save the page as template, create a new page, and load that template in the new page, then that new page is perfectly fine, without any problem.
Both the buggy/normal pages have the same page attributes/layout settings, and I don’t have anything specific to the buggy page in my css, so I’m really not sure what’s the issue!I hate bugs like that that I can’t reproduce easily :)
Do you have any idea about something else I could check?
Hi,
It’s probably an issue with shortcode tree that is generated by the advance layout builder. Unfortunately, the issue is a bit difficult to debug because it’s random and only happens on a combination of elements. Wrapping the elements or set of elements inside their own color sections usually fixed the issue.
Best regards,
IsmaelWe’re still having this problem and have to add custom code to some pages to end the color section. Other pages we couldn’t figure out how to fix it and we’ve had to abandon planned upgrades and limit content to prevent the issue from appearing.
Please come up with a fix!! Thank you!!!
-Ryan
Hi,
We have to access the site so that we can inspect the page properly. This issue usually occurs because of custom scripts, unclosed html tags or plugins that append new elements in the page. If you can’t provide the login credentials, you may have to hire a freelance developer to debug it.
Best regards,
IsmaelHi,
I have the same problem, the color section with a background image won’t end. So if i put in a image it all of my other elements below the color section have the same background. It looks like there is a bug in enfold color section that it don’t closes that section.
How can i resolve this?
Hi artiteq,
Could you open a new thread and include admin login details in private so that we can have a closer look please?
Best regards,
RikardJust a tip for other people having this problem and you are using the page preview function. There is a bug in the preview that breaks your layout.
When you just save the page and watch it live there is no problem and the color section will not be bracking your layout anymore.When you just save the page and watch it live there is no problem and the color section will not be bracking your layout anymore.
not always unfortunately. I also have issues on some *published* pages
I had this problem today too. Quite annoying. It was just one Color section that wouldn’t close and accept the next background color, all the others were fine. I solved it by add a Section ID to that section and referencing it in CSS. Hope that helps someone.
Hi,
@bespokebranddesign: Thanks for the info. Please feel free to open a new thread if you need anything else. We’ll close this thread now.Best regards,
Ismael
- The topic ‘Color Section Won't End’ is closed to new replies.