Hi,
Yes, you can change the width of the tabs. If you look at line 440 of the CSS file, you’ll notice there are a couple attributes which drive the width of the tabs.
The padding
drives how much space exists between the text of the tab and the tab edges.
The min-width
sets the minimum size of the tab, which keeps the tabs from getting too small when using width: auto
Does that answer your question?
Hi, thanks for your advice.
do you mean that I can expand tabs to add the above code(css) to my css file?
Yes, so for example if I wanted to increase the padding to 20px on the left and right and make the minimum tab width size 200px, I’d add the following to my theme’s style.css
.
.arconix-tabs-horizontal ul.arconix-tabs a {
padding: 0 20px !important;
min-width: 200px !important;
}
I have to add the !important
flag to these attributes so they are able to override the plugin’s styles since I’m loading them in my theme’s style.css
file