Site logo

[Resolved] How to move Product Image to the right a little bit?

Home Forums Support [Resolved] How to move Product Image to the right a little bit?

Home Forums Support How to move Product Image to the right a little bit?

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #732876
    bluebit

    How can I add .5 left padding to the main product image on the product page? I want the image moved slightly to the right. See link below.

    Also on the bottom of the product page how to add .5 left padding to the title: Similar Images

    #732888
    bluebit

    And i need the css code to change the left and right padding for only the product pages, not the entire website

    #732950
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    You could try this:

    .woocommerce-product-gallery {
        padding-left: 5px;
        box-sizing: border-box;
    }
    
    .related.products h2 {
        padding-left: 5px;
    }
    #732974
    bluebit

    that worked but do you know how i can add padding to left and right side of only the woocommerce product pages?

    #733240
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    .single-product .grid-parent, .woocommerce-cart .grid-parent, .woocommerce-checkout .grid-parent {
    	padding-left: 40px;
    	padding-right: 40px;
    }
    #733249
    bluebit

    sweet that code works, and what’s the css code for changing the left and right padding on only the woocommerce cart and checkout page?

    #733255
    David
    Staff
    Customer Support

    I edited the code above to include them in the one rule for consistency.

    #733978
    bluebit

    thanks

    #734287
    David
    Staff
    Customer Support

    Glad we could help

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