Solved Divi tabs

Hi,

I have a 3 column situation, where in the first column I want to add a tab module.

The problem is that divi makes it automatically one below another (see attachment) and I want the tabs to be next to each other.

I know there is no much space, but I have only 2 tabs with very short phrases.

What custom css should I put?

Thanks in advance!

Cheers,
Sue

 

oh! and can I hide text on start? - user would have to click on the 'tab text' to display 'body text'?

 

Unfortunately it only centers tab titles.
I have tried to put css code to main element customs css, totab controls, tab

here is a link: https://dana.lu/pl/?page_id=49066

 

done

 

Thanks! It's almost perfect.

So for other people, that would search this topic:

Here is a nice tutorial about:
"Equalising the tabs in the tab module"
https://divisoup.com/equalising-the-tabs-in-the-tabs-module/

You have to go to divi tab module > custom css > css class: "equal-tabs"

Than in Dveme Theme Option > Customs css
add this code (thanks to divi.help stuff of course)

/*---------- [Equalise the Tabs - 'o mnie' page] ----------*/
.equal-tabs .et_pb_tabs_controls li {
width: 50%; /*change width of tabs here depending on the number of tabs you have*/
text-align: center;
}
@media screen and (max-width: 768px){ /*change device breakpoint here depending on the number of tabs you have*/
.equal-tabs .et_pb_tabs_controls li {
width: auto!important;
float: left!important;
}
}



Is it possible to change this gray backgroud to white? Or make the tabs equal width on mobile?
On desktop there is this perfect thin gray line, which unfortunalety disappeared on mobile

 

ok, I changed this gray backgroud to white by simply adding this code:

.equal-tabs .et_pb_tabs_controls {
background-color: white;
}


If u know how to make the tabs equal and centered (and divided by some kind of border) - it would be very much appreciated.

Cheers!