Jun 2
Margin settings not having any effect?
I have tested a few Divi Supreme modules now and seems to happen to all of them. I have a column with some custom CSS setting it to display flex, and direction: column. When adding any divi module, to center the module (vertically and horizontally) in the column, we just set the margins to auto and it works as expected but adding auto to the margins in the DS module and they get ignored and the modules sits at the bottom or top of the column. Looking into the source it seems to be this rule that is overriding the module margin settings
.et_pb_section div.et_pb_row .et_pb_column .et_pb_module:last-of-type
Specificity: (0,5,1)
{
margin-bottom: 0;
}
If I go into the DS module settings -> Advanced->CustomCSS-> Module Elements and add
margin:auto !important; then it all works as expected
Thanks
tc
Closed
Hi, tested this on the new release but still not working, I still need to go into the Custom CSS and add "margin: auto !important" This is a site in early development stages so happy to share access if needed