Docs

[BodhiJames]

Hi there,

I’m trying to remove a space between two customized tabbed lists but am getting erratic results. It seems to be working but if I hit refresh on my browser multiple times, the space reappears and disappears. This is happening primarily in Safari/Google Chrome.

The url is: http://livinginquirymaui.com/services/ripples-of-continuum/

My wish is to have the two tabbed lists sitting on top of one another so it’s harder to tell that they are two different lists.

Any thoughts?

[Friech]

Hi There,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.blah .x-tab-content {
	margin-bottom: 0;
	border-width: 0;
}

Hope it helps, Cheers!

[BodhiJames]

Hrm, thanks for the suggestion, but I tried this and still having the same problem. In Chrome/Safari, if I hit refresh multiple times, every few times the menus will appear with a wider gap between them, around 25px. At other times it works. Not sure what’s causing it, assuming there is a conflict with some other script that relates to either the text blocks or the section within which they are contained.

Attached pics of both the different views, when it appears with the gap or without in Safari.

[BodhiJames]

Screen shot with the gap:

[BodhiJames]

Screen shot without the gap:

[Paul R]

Hi,

You can try adding this in Custom > css in the customizer.

body p:empty {
    margin:0;
    clear:both;
}

Hope that helps.

[BodhiJames]

Perfect, it worked! Thanks for the help.

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts