Skip to main content

I cannot seem to edit margin settings for tabs when using and Advance Tabs Module.

Hi Everyone. I am working on a website in Divi 5 and I am also using the Divi Supreme Pro Advanced Tabs module. I have used the Divi Library to create the content for each tab as the Advance Tabs module gives you the ability to utilize library layouts for the content. You can use the different modules in the library layouts so you can have more design options for the tab content. My problem is that when I integrate my content, I get a margin on my tabs that I can't seem to get rid of or even change the color of. My library content does not have any margins, and when I try to change the settings of the tabs, the margins will not go away. Does anyone have any ideas of what might be causing this? Here is a link to the current page with tabs: https://wordpress-495343-6507898.cloudwaysapps.com/biography/

Jennifer A.

Can you share screenshots of the builder area?

Shawn Winchester

Jennifer A. I have uploaded a few captures. If you would like specific captures please let me know. Thank you.

Naba

I have reviewed the website. Upon inspection, I have identified only excessive padding on the sections, not any margin-related issues.

Shawn Winchester

Naba I have uploaded some captures. Are you seeing excessive padding through inspection or just by viewing the site? Thanks.

Jennifer A.

Shawn Winchester Oh!! That problem. Yes! I come across that a lot. Is your section set to one of Mak's "k-section" presets? If so, that is why. They have padding on them. In one of my sections (see screenshot), I had to make the section background in addition to the row background the same color in order to "override" the preset. I like the section presets, but I'm too lazy to create a new one.
If you deselect "k-section" preset, the padding will disappear.

1.00

Shawn Winchester

Jennifer A. Hi Jennifer. So I tried to deselect the k-section preset and change background colors but it didn't work for me. I decided to try some negative numbers for the left and right margins for the section that holds the Supreme Tab object on the Biography page and that fixed the left and right margins. Then, inside the library objects for each tab, I had to set the top margin for the first section in the library object to -30px and set a -30px margin in the last section of each library object. It must be a conflict between the Divi Supreme Tab module and Divi 5. That's the workaround I came up with anyway. Thanks for your suggestions.