WordPress.org

Ready to get started?Download WordPress

Forums

Arconix Shortcodes
[resolved] want to change the width of tabs (4 posts)

  1. yasu524
    Member
    Posted 1 year ago #

    I want to change the width of tabs.
    Can I change it? I want to expand more.
    Thanks.

    http://wordpress.org/extend/plugins/arconix-shortcodes/

  2. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    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?

  3. yasu524
    Member
    Posted 1 year ago #

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

  4. John Gardner
    Member
    Plugin Author

    Posted 1 year ago #

    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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic

Tags

No tags yet.