[Resolved] Product Tabs Styling

Home Forums Support [Resolved] Product Tabs Styling

Home Forums Support Product Tabs Styling

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1645447
    roadlink

    Hello,
    Have a nice day.
    I have checked all the designs in Site Library but couldn’t find what I am looking for.

    Is it possible to reach similar design?
    https://prnt.sc/y9v8o5
    https://demo.studiopress.com/digital/product/amp/

    It is not urgent, when ever you can check.

    #1645451
    roadlink
    #1645465
    roadlink

    I found the CSS, but my results is a bit different.

    Original one : https://prnt.sc/y9wlh2
    Mine : https://prnt.sc/y9wiuz

    /* WooCommerce Product Tabs
    ---------------------------------------------------------------------------------------------------- */
    
    .woocommerce div.product .woocommerce-tabs ul.tabs::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
    	border-color: #eee;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li::after,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
    	display: none;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
    	background-color: #f5f5f5;
    	border-radius: 0;
    	padding: 0;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
    	border-bottom: 0;
    	color: #000;
    	padding: .5em 1em;
    }
    
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:focus,
    .woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    	color: #232525;
    }
    #1645729
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to YOUR site so i can take a look ?

    #1645818
    roadlink

    sure, thank you.

    #1645975
    Ying
    Staff
    Customer Support

    Hi Tertas,

    Try this CSS:

    .woocommerce div.product .woocommerce-tabs ul.tabs::before, .woocommerce div.product .woocommerce-tabs ul.tabs::after {
        border-bottom: 1px solid #eee;
    }

    Let me know πŸ™‚

    #1646027
    roadlink

    Worked very well.

    Thank you πŸ™‚

    #1646069
    Ying
    Staff
    Customer Support

    You are welcome πŸ™‚

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