Support » Plugin: Arconix Shortcodes » want to change the width of tabs

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author John Gardner

    (@jgardner03)

    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?

    Thread Starter yasu524

    (@yasu524)

    Hi, thanks for your advice.
    do you mean that I can expand tabs to add the above code(css) to my css file?

    Plugin Author John Gardner

    (@jgardner03)

    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

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘want to change the width of tabs’ is closed to new replies.