orangetape

Hi, I can’t send you the code because the problem is not with the page content but with the template. You probably can’t replicate it because you haven’t activated “Responsive Navigation Type” -> “offcanvas”.
In fact, the problem occurs only if this setting is active. If it can help you, I can attach the source code of the page.

screenshot

screenshot

Now the background color is visible, but the html structure is not correct. Example I create the structure:

<div class="block-a9b6ac55-e334-4136-86a0-1e4a67f3e56d container">			
<div class="block-ca883a81-3ae3-4a2c-ad21-4ff1d0bcbe15 row">
<div class="block-321914ad-1be7-4dc4-bfd1-5e4df1c8fb0e col" style="background: rgba(255, 0, 0,1)">		
<div class="block-3db3aebb-5dc2-42a2-be87-9a7bbf250af6 ">
<a class="block-763c7937-02f2-4857-ba96-8c0d44fd793c btn position-relative btn-success">Test</a>
</div>		
</div>	
</div> 
</div>

Instead the plug-in returns the code:

<div class="block-a9b6ac55-e334-4136-86a0-1e4a67f3e56d container">			
<div class="block-ca883a81-3ae3-4a2c-ad21-4ff1d0bcbe15 row">			
<div class="block-321914ad-1be7-4dc4-bfd1-5e4df1c8fb0e col">			
<div class="areoi-background">
<div class="container-fluid" style="padding: 0;">
<div class="row justify-content-start">
<div class="col ">
<div class="areoi-background__color" style="background: rgba(255, 0, 0,1)">	 
</div>	                    	                    	                    
</div>
</div>
</div>
</div>				
<div class="block-3db3aebb-5dc2-42a2-be87-9a7bbf250af6 ">										
<a class="block-763c7937-02f2-4857-ba96-8c0d44fd793c btn position-relative btn-success">Test</a>
</div>
</div>	
</div>
</div>

Also now if the theme is set as “fixed width container”, the layout breaks.

• This reply was modified 3 years, 1 month ago by orangetape.

Hi, the theme link is this: https://understrap.com/

Set to use bootstrap 5.
Bootstrap files loaded by the theme.
Thanks