Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • October 21, 2016 at 5:31 pm #702559
    sdesign-web

    hello,

    3 questions about the display of woocommerce products :

    1- is there a quick css to change the size of the text of the product short description and price ?

    2 – is there a quick css to display the short description in the enfold product grid ?

    3 – is there a quick css to increase the size of the product image in the enfold product list ?

    Please find in private content the corresponding screenshots

    Thank you in advance,

    Kind Regards,

    Stan

    October 21, 2016 at 7:27 pm #702604
    Jordan

    Hey sdesign-web,

    Would you mind providing a precise link to your site, showing the elements in question? We need to be able to inspect them in order to help :)

    Best regards,
    Jordan

    October 24, 2016 at 12:01 pm #703211
    sdesign-web

    hello,

    please find in private content the link.

    thank you in advance,

    Stan

    October 26, 2016 at 4:49 pm #704419
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .inner_product_header_cell h3 {
    font-size: 18px!important;
}
.inner_product_header_cell .price, .inner_product_header_cell .price * {
    font-size: 18px!important;
}
.single-product div[itemprop="description"] {
    font-size: 18px;
}
.single-product .price, .single-product .price * {
    font-size: 18px!important;
}
.av-catalogue-image {
    width: 88px;
}

    Best regards,
    Yigit

    October 27, 2016 at 4:50 pm #704931
    sdesign-web

    Hi,

    thank you very much, it works fine !!

    Just one point is missing :

    as shown in screenshot in private content, is it possible to display the short description in enfold product grid as it appears in enfold product list ? ( i need to specify that the price is for a box of 6 bottle with unit price )

    Best regards,

    Stan

    October 27, 2016 at 9:05 pm #705021
    Yigit

    Hey!

    Please add following code to Functions.php file in Appearance > Editor 

    add_action( 'woocommerce_after_shop_loop_item_title',  'avia_add_pd', 999);
function avia_add_pd(){ 
global $post;
echo $post->post_excerpt;
}

    Best regards,
    Yigit

    November 2, 2016 at 1:45 pm #707086
    sdesign-web

    hi,

    sorry i don’t know code : can you please explain in more detail where to add this code in Function.php file : where is ” … in Appearance > Editor ”

    thank you in advance

    Stan

    November 2, 2016 at 1:49 pm #707088
    Yigit

    Hi Stan!

    Appearance > Editor is in WordPress dashboard. Please see this screenshot – http://i.imgur.com/xYt159H.png.
    You can also go to wp-content/themes/enfold/functions.php file via FTP to edit it. If you would like us to add the code for you, please post temporary admin logins here privately.

    Regards,
    Yigit

    November 2, 2016 at 2:28 pm #707101
    sdesign-web

    Thank you Yigit, i will try to do it via ftp :
    Can i paste this code at the end of Function.php or is there a specific place ?

    thank u

    Stan

    November 2, 2016 at 2:31 pm #707103
    Yigit

    Hey!

    You can paste the code to the bottom of the file, yes :)

    Regards,
    Yigit

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