• Resolved webbyduck

    (@webbyduck)


    Hi there is a gap between the tabs and description box and I was wondering how to close this gap. Thanks!

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Rynald0s.a11n

    (@rynald0s)

    Automattic Happiness Engineer

    Hi there!

    Can you please provide a link to your site, thanks!

    Thread Starter webbyduck

    (@webbyduck)

    Here you go:
    http://originalshen.com/product/2017-msi-gs63vr-stealth-pro-4k-228-15-6-4k-display-thin-and-light-gaming-laptop-core-i7-7700hq-gtx-1060-16gb-512gb-2tb-vr-ready/

    I have made the description box black for now to hide gap. But when the description box is white it looks like this:

    View post on imgur.com

    Where you can see the gap between the tabs and the box.

    Edit: If you go to the Amazon Reviews tab, you can see the gap between the tabs and box.

    Plugin Support Rynald0s.a11n

    (@rynald0s)

    Automattic Happiness Engineer

    Hi there!

    Thanks!

    See if this CSS helps:

    .woocommerce div.product .woocommerce-tabs ul.tabs {
      margin-bottom: 0;
    }

    In the event that your theme doesn’t provide an option to save custom CSS as part of its theme settings, you could add it in via a plugin that allows custom CSS to be added, such as the https://wordpress.org/plugins/simple-custom-css/ plugin. Please don’t add custom code directly to your parent themes’ stylesheet.css as this will be wiped entirely when you update.

    Cheers!

    Thread Starter webbyduck

    (@webbyduck)

    Thank you works great! But now I can’t figure out how to change the font color in the “Additional Information” tab to black. Some of the font is white on that box so half is not showing up now. Also to add some padding between the edge of the box and when the text begins.

    • This reply was modified 6 years, 5 months ago by webbyduck.

    Try:

    .woocommerce-tabs h2 {
      color: #000;
      padding-left: 20px;
    }

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    Thread Starter webbyduck

    (@webbyduck)

    .woocommerce-tabs h2 {
      color: #000;
      padding-left: 20px;
    }

    Hi thanks for your time! This is only changing the titles in the boxes not the content text or the italicized white text on the additional information tab. The padding is also only affecting the titles at the top of the box and not the content text.

    Thread Starter webbyduck

    (@webbyduck)

    Ok I figured out the padding for the content. Just need to figure out the italicized white text on the additional information tab.

    I didn’t know it was there…

    #ogs_content th {
      color:#000 !important;
    }
    Thread Starter webbyduck

    (@webbyduck)

    Thank you!

    Plugin Support Rynald0s.a11n

    (@rynald0s)

    Automattic Happiness Engineer

    Howdy!

    I’m glad lorro was able to help you out with this! I’ll now go ahead and mark this thread as resolved. If you have any other questions please start a new thread.

    Cheers!

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Gap/Space Between Product Tabs & Description Box’ is closed to new replies.