Site logo

[Resolved] Spacing and font size in Woocommerce

Home Forums Support [Resolved] Spacing and font size in Woocommerce

Home Forums Support Spacing and font size in Woocommerce

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #648683
    Aaron

    Hi

    Is there anyway to change the spacing in the woocommerce part? I’d like to change the padding around the images in the category and main shop pages. Its just so spaced out at the moment.

    I’m also not sure how to change the woocommerce price sizes and in my single product page the price is jammed right against the product title.

    Any help would be appreciated, Thanks in advance
    Aaron

    #649388
    Leo
    Staff
    Customer Support

    Hi there,

    Give this CSS a shot:

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        margin-left: 2% !important;
    }
    .woocommerce div.product p.price {
        font-size: 20px;
        padding-top: 5px;
    }

    Adding CSS: https://docs.generatepress.com/article/adding-css/

    Let me know 🙂

    #649816
    Aaron

    Hi Leo, I’ve added that css but it doesn’t seem to make any difference. I tried changing the values but couldn’t notice any change.

    Thanks
    Aaron

    #649972
    Leo
    Staff
    Customer Support

    Edited the first block of CSS a bit:
    https://generatepress.com/forums/topic/spacing-and-font-size-in-woocommerce/#post-649388

    I can see the second block working.

    Make sure you clear the caching plugin as well.

    #651302
    Aaron

    Thanks Leo,

    I can see them both working.

    I added a top and bottom margin too. On the categories page like this one https://acarvedpiece.com/product-category/carved-birds/ the bottom margin code I added adds space between a product and the product below it. What could I add that would change the spacing between the product image and product title below it ? its just so large at the moment.

    Thanks a lot,
    Aaron

    #651317
    Leo
    Staff
    Customer Support

    Try this CSS:

    h2.woocommerce-loop-product__title {
        margin-top: 0px !important;
    }
    #651333
    Aaron

    It worked great, thank you

    #651344
    Leo
    Staff
    Customer Support

    No problem 🙂

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