Is there a way to change how tabs look? Make tabs look like everything else in website? Or why tabs design is different from anything else in theme?
Example: Right side (tabs) looks different from left side.
Hi,
That is the ajax filter on a block and the tabs Visual composer element, they are not related and do not supposed to display the same. You could inspect the tabs and the filter and see what CSS each one uses, maybe style the tabs differently. Something like this example maybe
– https://www.screencast.com/t/eDyd9mVO
This the code used in the example if it is useful to you
.vc_tta-title-text {
font-family: 'Roboto', sans-serif;
font-size: 13px;
color: #777;
line-height: 1;
}
.vc_tta-color-grey.vc_tta-style-modern .vc_tta-tab>a {
border: none!important;
background: transparent!important;
}
.vc_tta-tab.vc_active span {
color: #4db2ec!important;
}
Thanks
Hmmm.. In that case, is there any other ways to use theme or visual composer options to use something similar from the left side? Things what you see left side, when I looked through I was able to see that only things I can use there is categories. But maybe I missed something somewhere and there is actually possible to use popular posts and other things too?
Hi,
The ajax filter used on blocks can filter by categories, authors, tags or popularity
– https://www.screencast.com/t/tTVktITpG
– https://forum.tagdiv.com/block-settings-guide/
The Visual composer tabs are not related to this filter. The sections you create can only have a custom name and icon. I though you wanted to make the tabs similar to the ajax filter design, that is what the above code does.
Thanks
Yeah that’s exactly what I wanted to do, but have not been able to find the proper way how to make these changes, so far when I try to make things look same way, it will mess up something else same time. especially when I am trying to add line there.
So I thought that maybe there is a way to ignore visual composer tabs and use theme blocks or something. But with blocks there is no way to use different things in same block like visual composer tabs offering – one shows popularity, one shows some text or html tab, one shows category sorted some way, etc.
Anyway I think that after experimenting with different ways I found a way how to do it. Almost got it the way I want
Okay, I give up. I can’t figure out what I am doing wrong with TABS.
Tried to add hr/separator there like you see from left side. So they both can have exactly same design. But every time when I try to use margin for separator it disappears. I can play margins for whole tabs or any blocks inside it, but whenever I try it for separator, it disappears. Also tried to play with border bottom for tabs, but it adds that border of course whole tabs bottom.
Also, since I used separator inside tabs, it means that I need to duplicate to all tabs windows. Which is probably another bad idea. So I tried to add hr via css, but it did not end well. Same when I tried to use some td css for titles.
Any ideas?
Also again that green color appeared. Any clue where I can find that green color in newspaper theme panel so I can change it forever and permanently.
Never mind. Just found out that new newspaper update was out and after the update, everything is EXACTLY the way I wanted in the first place. đ
