Remove border from a Tab Module Position

I have a Tabs GK5 module with 3 tabs.
Each tab has Content type set to Module.
I want to remove the border around one of the tabs.
What Module Suffix can i use on a Tab module position to remove the border when it is in the Tabs GK5?
Thanks!

It would help if you can post a link to the page where this module is so we can make a suggestion.

See you around...

I am working on MAMP so i don't have a link.
Below is a screenshot of two Tabs GK5 modules.
I need to change the size or remove the white border around the tab content.
Is there a module suffix for this?

tabs-borders.jpg

If you mean border around the module itself then you can add any suffix yourself in module settings > suffix.

Example " noborder" without quotes with empty space in front.

Then in css/override.css file add following css replacing class name with what you entered above. Also enable css override in template settings > advanced settings > css override "on".

Code: Select all

.noborder { border: none!important;}


Or alternatively you can again use a class name similar to what we tried at top with following css to change the heights of modules to match each other.
Lets assume we used class name " sameheight" in module settings in both modules then you can add following css code.

Code: Select all

.sameheight { height:200px!important;}


See you around...

I have been using "clear" suffix to remove the border and i used your suffix.
These work on other module positions but i need a way to remove the border when i place a Tab module position into Tabs GK5.
I s there a way fo changing this in Tabs GK5?

I tried "clear" suffix and your suffix.
These work on other module positions but i need to remove the space around the Tab modules so they fill the Tabs GK5 module completely.

tabs-borders.jpg

tabs-borders2.jpg

They are not borders, that is the padding from tabs content. You can add following css in to css/override.css and enable css override from template settings > advanced settings > css override "on".

Following will effect all tabs modules.

Code: Select all

.gkTabsItem { padding: 0!important;}


Or Find tabs module id from html source such as "gk-tabs-344" then you can force it for that tab module only

Code: Select all

#gk-tabs-344 .gkTabsItem { padding: 0!important;}


Or Force it to positions such as Header position

Code: Select all

#gkHeader .gkTabsItem { padding: 0!important;}


See you around...

Thanks! That worked.

No problem at all, see you around...