Color Section Not Full-Width Enfold

Hey bitsoul!

Yes, we would need to see the content live. If you are using a boxed layout keep in mind that the element will not escape the bounds of that box.

Best regards,
Devin

Hey!

In my experience UNLESS – I have some Avia layout element (say a slider) that extends the full width of the page – as the VERY FIRST element on the page – “Color Sections” will not render as expected.

I tried reproducing the issue on my install according to what you said:

But the result was this (both the slider and the color section extend the full width):

One thing i noted is that you have Enfold 2.6.1 on your site, please try updating it to the latest version.

Cheers!
Josue

Hi,

Can you create an administrator account and post it here as a private reply?

Regards,
Josue

Hi!

I found that there is some custom code in your child theme that is affecting the layout builder, i was checking your functions.php but accidentally wrote a typo and now it won’t be accesible until it’s fixed, could you restore it via FTP?

Child theme functions.php, line 30.

Regarding your main issue, i tried switching to the Enfold parent theme and the color sections worked as expected but when i switched back to the child one the bug returned.

Cheers,
Josue

Hi!

You could try with a client-side solution (this way it won’t affect the builder script).

Use this to include a custom JS script in your child theme:

wp_enqueue_script( 'myscript', get_bloginfo('template_directory') . '/js/scripts.js', array( 'jquery' ), '', true );

Create that script (in your child theme folder) and finally use this to remove all the empty p tags:

jQuery(window).load(function() {
  jQuery('p:empty').remove();
});

Cheers!
Josue

Hey!

@elgustinjo, Try using a grid row element and delete the second cell so there is just a 1/1 inside. Your content inside the cell will expand full width and you can set a background to the cell as well.

Cheers!
Elliott