Tabs image size - by Whaitey - on WordPress WooCommerce support

This topic has 6 replies, 3 voices, and was last updated 4 years ago ago by Olga Barlow

  • Avatar: Whaitey
    Whaitey
    Participant
    April 21, 2020 at 07:50

    Hi

    Im trying to add tabs to my website. When i set tab image the size options are not working.

    https://prnt.sc/s344hh https://prnt.sc/s3458c

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    April 21, 2020 at 07:57

    Hello,

    Please provide URL + temporary wp-admin access. Describe the desired result in more detail.

    Regards

    Avatar: Whaitey
    Whaitey
    Participant
    April 21, 2020 at 08:08

    What i want is on the front page, i want to showcase furniture collections with tabs.

    When the user clicks on the main picture it shows what other items are in the same collection (they are not categorized good), so they can buy parts of the collection.

    I have multiple collections like this, i added one on the end of the main page in tabs.
    So i want the tab image to be big enough to see it clearly, and to maybe fit 3 tabs like that in a row.

    Please contact administrator
    for this information.
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 21, 2020 at 14:18

    Hello,

    Do you want something like this http://prntscr.com/s3bw94 ?
    Add the following Custom CSS because tab image size is limited

    .et-tabs-wrapper .tabs-nav li {
        max-width: 900px;
    }

    Regards

    Avatar: Whaitey
    Whaitey
    Participant
    April 21, 2020 at 18:43

    Oh yes, if i can manage to resize it like that that is completely fine

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    April 21, 2020 at 19:48

    Hello,

    Then add the mentioned code to Theme Options > Custom CSS and change the max-width (900px) according to your needs.

    Regards

  • Viewing 6 results - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.