flat tab and gallery

gero_felix · December 2017

hello,

I have a made combination of the tab item and a gallery on this site http://landstrich.eu/test1/
I put the galleries as code to the single tabs.

now I have some questions:

1. is it possible to remove the line underneath the active tab-title to have it as flat as possible?
2. is it possible to reduce the spacing between the titles vertically an horizontal?
3. I would like to put the galleries in masonry style - but somehow this doesn´t work and only the gallery in the first tab appers then, whereas the other tabs stay white. All the other styles work quite well. Do you have an idea why it does not work with masonry?

Thank you for your help

Bryan · December 2017

Hi,
these items could not work because it is an item in an item and they are both handled with JS which may cause some issued.

May we recommend using the portfolio item and use the masonry filtering with the option jQuery filtering. There is an option to display a larger image on click and not the portfolio item page. it would look like a normal gallery but with filtering and masonry style.

gero_felix · December 2017

Thank you very much for your answer.

I already tried to manage the same thing with portfolio, but then I had the problem that its not possible to navigate within the same category in the popup window... So I´m now trying to achieve the same thing by using tabs and gallery. The masonry style is not so important for me, so it´s ok :-)

but could you still help me out with a little bit of custom css to achieve points 1 & 2 of my question?

cheers

Bryan · December 2017

You can use this css, change the padding as you wish

 .ui-tabs .ui-tabs-nav li.ui-state-active a::after {
	background: none !important;
}
body .ui-tabs .ui-tabs-nav li a {
	padding: 2px 18px !important;
}

gero_felix · December 2017

thanks!

flat tab and gallery

Comments