Sidebar widget css

Hello,

I would like to ask you how to change sidebar blocks css.

I tried to change margin between table widget header and content from 26px to 10px in main style.css

.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 10px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;
}

However nothing changed :/
Please, how can i do that?

Best regards
M.

Hi Bogdan,

Thank you very much. I used browser inspector. Thanks to inspector i found which code in main style.css i have to change. However after change from 26px to 10px nothing happens.

Code from style.css:
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 10px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;

Code from Inspector:

<div class=”vc_tta-tabs-container”>
<ul class=”vc_tta-tabs-list”>
<li class=”vc_tta-tab vc_active” data-vc-tab=””>
<span class=”vc_tta-title-text”>Title</span></div>

And CSS:
.vc_tta-container .vc_tta-color-grey.vc_tta-tabs-position-top.vc_tta-style-classic .vc_tta-tabs-container {
margin-bottom: 26px !important;
margin-right: 0;
border-bottom: 2px solid #4db2ec;
display: block;
}

Any idea how to do it?

Ho Bogdan.

Page is livingbytraveling.com. In sidebar is a table “Lacné letenky”. I would like to change the margin between Title with blue line and first raw where is Viedeň – New York.

Thak you very much.
Best regards
M.

Thank you very much Bogdan.

I used some similar alternatives however this one not 🙂

If i can i have one more question.

is there a simple way how to change this sidebanner from version where i added to table widget 6 row widgets, every visible to version where i add much more row widgets but it will possible to set how many of them are visible. So every time someone open the site will see different rows.

Best regards
Michal.