Alignment tabs

  • Resolved pkon

    (@pkonings)


    3 years, 10 months ago

    Hello,

    I remember trying this plugin a while back and I found an option that said something like “align tabs horizontally”
    It made sure all tabs fit into 1 horizontal line and did not start a new line.

    Can you help me find this checkbox back? 🙂

    Sincerely

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 10 months ago

    Hi @pkonings

    You must have our plugin mixed up with another one. Our plugin only provides the ability to add tabs. It doesn’t define or change the way the tabs look. We don’t add any HTML or CSS to a site that could change tab layout and style.

    The way the tabs look is defined by your theme and WooCommerce itself. Your theme developer should be able to help you with style and layout.

    Stay well!
    -Tracy

    Thread Starter pkon

    (@pkonings)

    3 years, 10 months ago

    Hi Tracy,

    Obviously I can’t argue with you about this because I can’t find the option.
    But I did confirm the plugin I used before was this one, I wrote it down in a notepad back then…
    Also I recognise it when making the tabs, the pink buttons etc. It’s 100% this plugin.
    Are you really sure I’m not just explaining wrong in my broken english?
    Or did it get taken out after a recent update?

    On the page I included here it would make MB-70 rearrange itself to the right of “Glaspakket” to make 1 horizontal line of tabs.

    Sorry to ask again but it was quite handy to use

    Thread Starter pkon

    (@pkonings)

    3 years, 10 months ago

    I even have a screenshot of the layout 🙂

    https://ibb.co/k1NCSPR

    Plugin Contributor Tracy Levesque

    (@liljimmi)

    🏳️‍🌈 YIKES, Inc. Co-Owner

    3 years, 10 months ago

    Hi @pkonings

    I’m sorry our Tabs plugin never had these features and I’ve been involved with the development since the beginning.

    Maybe you’re referring to our other plugin, the Mailchimp one. That does have special classes you can add to elements to make them be side-by-side and an option to show a horizontal form layout.

    Btw, your English is great. 🙂

    -Tracy

    Thread Starter pkon

    (@pkonings)

    3 years, 10 months ago

    Hello, you can check the page I linked in this post again… I got it to work.
    The problem is I don’t know how I did it… I added no CSS and no settings are changed.
    Yet it adjusted itself nicely.

    Edit:

    Nevermind I should give up… it reverted back to the first situation again… for a moment I had it the way I wanted…
    Is there any css you could help me with to get this working?
    I notice the buttons all get their own class and I don’t want to widen the whole container… but to add css for every single tab is a bit much.

    • This reply was modified 3 years, 10 months ago by pkon.
    Thread Starter pkon

    (@pkonings)

    3 years, 10 months ago

    For anyone reading this an having the same as me where to many tabs break to the new line:

    `/* List */
    .post_item_single div div ul{
    text-align:center;
    margin-right:-150px !important;
    }

    /* List */
    .page_wrap .content_wrap .content .post_item_single .product div div .woocommerce-tabs ul{
    margin-left:-150px !important;
    }`

    Adjust the “150px” in both sections to how wide you need it, higher number = more wide

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Alignment tabs’ is closed to new replies.