Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #276918

    Hello guys,

    Enfold + woocommerce

    What Quick CSS i could use to adjust font size (on single product page only) for:
    – product name
    – product price
    – product short description

    Thanks!

    Kind Regards,
    Denis

    #276936

    Hey dmaca!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .single .product_title {
    font-size: 50px;
    } 
    .single span.amount {
    font-size: 30px!important;
    }
    .single #tab-description p {
    font-size: 18px;
    }

    Cheers!
    Yigit

    #278522

    Hello Yigit!

    Sorry, i was out and couldnt thank you earlier.
    Thank you very much!

    First 2 codes work great.

    But the last one

    .single #tab-description p {
    font-size: 18px;
    }

    adjust font size of full Product description under corresponding tab.
    What i needed is font size adjustment for Product short description which is right under product price.

    And could you help with a code to hide “Additional information” tab?

    Thanks again

    Kind Regards,
    Denis

    #279277

    Hey!

    1) Try this code instead:

    
    .single #wrap_all div[itemprop="description"] p{
    font-size: 18px;
    }
    

    2) Please add this code to the child theme functions.php file to hide the additional informartion tab. You can also add it to enfold/functions.php if you don’ use a child theme:

    
    add_filter( 'woocommerce_product_tabs', 'woo_remove_product_tabs', 98 );
     
    function woo_remove_product_tabs( $tabs ) {
        unset( $tabs['additional_information'] );  	// Remove the additional information tab
        return $tabs;
     
    }
    

    Cheers!
    Peter

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