I am editing a Content Template in the Divi Builder - but for some reason the resulting output is not filling up the whole module - it is squashed over to the right. I have tried everything I can think of with margins and padding, but nothing helps.
You can see the issue on this test page:
hidden link
Scroll down a little to the section that says "CORE CURRICULUM" in red - you will see that everything there and below it (and to the right) is squashed into the left side of the module.
Any help would be greatly appreciated - thanks!
Elise
NMI
Hi Elise,
Thank you for contacting us and I'll be happy to assist.
If you'll use Chrome browser's dev tools ( ref: hidden link ), you'll find following CSS code from the active theme's "style.css" file ( hidden link ), which is restricting those rows width to 80%:
( screenshot: hidden link )
.et_pb_row {
position: relative;
width: 80%;
max-width: 1080px;
margin: auto;
}
You can the following custom CSS code to override that default style and make these rows, use 100% width:
.js-wpv-view-layout.js-wpv-layout-responsive .et_pb_section .et_pb_row {
width: 100%;
}
Note: you can add this custom CSS code in your view's "CSS editor" tab, as explained in the following guide:
https://toolset.com/documentation/user-guides/adding-custom-css-views/
I hope this helps.
regards,
Waqar
that worked - thanks so much for your help!
