Return to previous page

Shop page - by Cristine-Joy03 - on WordPress WooCommerce support

This topic has 3 replies, 2 voices, and was last updated 3 years, 11 months ago ago by Rose Tyler

  • Avatar: Cristine-Joy03
    Cristine-Joy03
    Participant
    January 16, 2021 at 13:52

    Hi,

    How do I achieve this layout for shop and have images this size and spaces in between each product?
    https://prntscr.com/wu47tm

    Please, contact administrator
    for this information.
    #268705 Copied Theme version: 7.2.3 WooCommerce version: 4.8.0
    2 Answers
    Avatar: Cristine-Joy03
    Cristine-Joy03
    Participant
    January 17, 2021 at 03:37

    I just want the page product image to be small like this and more margin on the left and right. Also the product information and price etc to be on the right side below the image.

    At the moment the image is massive and the information below the product image is on the centre.

    #268746 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    January 17, 2021 at 09:14

    Hello,

    Please read this article – https://www.8theme.com/documentation/xstore/woocommerce/product-images/
    and add the next code in Theme Options > Theme custom CSS > Global custom CSS:

    .content-product .product-content-image img {
    width: auto;
}
.content-product  .product-details {
    text-align: left;
    margin: 0 30px;
}

    + custom CSS for desctop area –

    .content-product {
    padding-top: 30px;
    padding-bottom: 20px;
}

    Regards

    #268762 Copied
  • Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Kids Toys Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
HandMade Store – WooCommerce Theme
lazy-placeholder
Flowers Store – WordPress WooCommerce Theme
lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Flowers Store – WooCommerce Theme
lazy-placeholder
Handtools Store – WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.