-
AuthorPosts
-
February 17, 2022 at 4:26 pm #1341193
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
JorgeFebruary 20, 2022 at 12:11 am #1341444Hey 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,
MikeFebruary 20, 2022 at 2:06 pm #1341484Hi 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
JorgeFebruary 20, 2022 at 3:22 pm #1341499Hi,
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 -
AuthorPosts
- The topic ‘CSS issue’ is closed to new replies.
