Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 29, 2018 at 9:13 am #1027407
    afarahani

    Hi,
    I have changed the product description to full width. How can I remove/reduce the white space above it in the product page?

    Also, can you let me know how I can add a section/row above the product description tab?

    Thanks.

    October 29, 2018 at 1:45 pm #1027535
    Victoria

    Hey afarahani,

    Could you please give us a link to your website, we need more context to be able to help you.

    Best regards,
    Victoria

    October 29, 2018 at 8:56 pm #1027737
    afarahani

    Hi,
    I am just doing it locally. So I am not able to give you a URL. but what I did was to import Enfold shop demo and added the following code to Function.php to have a full width product description tab. Now, I am wondering how I can get rid of the white space above the tab and also if there is any way to add a color section above the description tab.

    function av_woo_tabs_below() { 
remove_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 1 );
add_action(    'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 20 );

} 
add_action( 'init', 'av_woo_tabs_below');

    Thank.

    October 31, 2018 at 5:40 am #1028367
    Mike

    Hi,
    To remove the padding to move the tabs up, Please try this code in the General Styling > Quick CSS field:

    #top.woocommerce-page .single-product-main-image {
padding-bottom: 0px !important;
}
#top.woocommerce-page .woocommerce-tabs.wc-tabs-wrapper {
padding-top: 0px !important;
}

    Unfortunately you won’t be able to add a color section above the tabs, without using the advanced layout builder to create your product pages.

    Best regards,
    Mike

    October 31, 2018 at 9:00 am #1028390
    afarahani

    thanks. it worked. But using the php code above, it appeared a white space below the product description tab and above the section where it shows related products. I am using enfold demo shop. any idea?

    October 31, 2018 at 1:35 pm #1028464
    Mike

    Hi,
    I tested using the demo shop, with your function (php code) above and the css, and I found a small space and a border line:
    2018-10-31-070900
    so to correct please try this css:

    #top.woocommerce-page .template-page.content.twelve.alpha.units {
padding: 0px !important;
}
#top.woocommerce-page #av_section_1.container_wrap.fullsize {
    border-top-style: none !important; 
}

    If your single product page looks different then please include a screenshot so I can try to reproduce. Otherwise perhaps you can setup a Ngrok Tunnel with a admin login to allow us to see your site. It’s free and easy to setup. Just be sure to leave it and your computer running so we can access during our time zone in the world.

    Best regards,
    Mike

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.