Support » Plugin: WooCommerce » Woocommerce product text displayed too large after update

  • Hi.

    After upgrading to the latest version of Woocommerce the text of the products are displayed very large as in the print attachment. I’ve been waiting for 2 weeks for a new version to resolve this.
    This occurred both online and on localhost, but I restored the published site backup because of the bad looks.
    Can you help me solve this before a new version please?
    Thank you very much.

Viewing 7 replies - 1 through 7 (of 7 total)
  • I have the same issue. In Safari it is way too big and in Firefox too small. Also it was centered before and is now left aligned. I do not know how to change it.
    Thanks for solving this issue!

    Plugin Author Mike Jolley (a11n)

    (@mikejolley)

    Product titles? Edit your theme’s CSS to style h2 elements – h3 was used in some loops in 2.6 and these may have the correct styling, but not h2.

    Hi Mike,
    thanks for the quick reply. However the inspector tells me that the product title in woocommerce is h3 not h2….
    Sorry, I am not a pro in this. Was so happy that I had settled everything now I have to start again 🙁
    Thanks for a quick note!
    Best,
    Bettina

    PS: It has been a year since I built my site. Now I am remembering: I have used custom css to style it the way I want. For the product titles however I cannot think of a way to put in custom css to make changes to font size and alignment. Could you help me with this and give a tiny little css code? I tried myself, but it did not work out. I tried:
    .woocommerce-loop-product_title {
    display: block;
    text-align: center;
    }
    But this changed exactly nothing….
    THANKS!

    You can have a look here https://fine-deodorant.com/de/shop/

    I also have this issue http://www.lilymaedesigns.co.uk

    And the thumbnails are enlarged – any solutions.

    Many Thanks! Sam

    Thread Starter antonio967

    (@antonio967)

    For large text the code below works.

    .woocommerce-loop-product__title {
    font-size: 15px;
    line-height: 30px;
    margin: 0 0 1.0rem;
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Woocommerce product text displayed too large after update’ is closed to new replies.