Separation between titles

Hi @mithrand,

Thanks for your query. Sorry for the delayed response.

Can you please tell us what kind of separation do you want to use between the titles of the tables? e.g border, background color?

After reviewing the page link you shared I found you set the tab title background as white and the border set to none. See the screenshot. If you didn’t change those, the tab should display like this. You can share a demo with a screenshot so that we can easily understand and provide you the solution according to your need.

Hope you understand.

Hi @khalilu:
The separation that I would like would be a point. I am sending you a screenshot, from the previous version of the web page, where I have breakpoints. This would be possible?

Thanks.

Screenshot: https://cutt.ly/HmDSl4d

Hi again @khalilu:
I don’t know if you can help me with what I told you.

Thanks.

Hi @mithrand,

Yes, it is possible to have separations with a bullet point by using some custom CSS. Please put the following CSS to the plugin’s Settings> Additional CSS and save. See the screenshot.

li.sp-tab__nav-item {
    position: relative;
}
li.sp-tab__nav-item:after {
    content: "";
    height: 5px;
    width: 5px;
    background: #474143;
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translateY(50%);
    border-radius: 50%;
}
li.sp-tab__nav-item:last-child:after {
    visibility: hidden;
}

Note: You can change the height, width as per your need to make the bullet point large or small.

Let us know if it works or not? Have a nice day.

Thank you.

Many thanks. It’s just what I needed!
Thanks again for everything ??

Have a nice day.

Hi,

If you like the plugin, feel free to share your experience in the review section.

Thank you.