Hi,
I have some pages with content generated programmatically. It works fine except a gap displayed in the top of the page corresponding to
an CSS Element called “.main_color.container_wrap_first.container_wrap.fullsize”.
I can hide this element by setting a “display: none;” for this element in the Quick CSS section.
But, all the BuddyPress pages for instance (but not only) are no longer display.
How can I fix fixed this issue ?
Best regards
Jorge
Hey Jorge,
Thank you for the login to your site, depending on the structure of your page the .container_wrap_first may contain all of the page content, such as on /membres/support/profile/
or it might only have the first non-full-width container such as on /avocat/profile/
which is this case is a code block element. Full width elements such as color sections are in their own sections outside of the .container_wrap_first.
So to solve this I would determine how to only target the page like this so you can use the display: none; rule, for example look at the body classes and see if they all share one of the same classes.
Best regards,
Mike
Hi Mike,
I would like to thank you first for your explanation. It was very clear.
I added the following script to target some specific pages :
if (is_page( array(1545, 1873, 2023, 2034, 2036, 2047, 3263) )) {
?>
<script>
(function($) {
$(‘.main_color.container_wrap_first.container_wrap.fullsize’).css(‘display’,’none’)
})(jQuery);
</script>
<?php
}
It works fine now. BuddyPress pages are displayed as expected.
Thanks again for your help.
Please close the ticket.
Best regards
Jorge
Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.
Best regards,
Mike