• Please look at this link (https://fashionliberation.dk/shop/)
    Now I have a problem. Currently the prices are relative to the product title, sometimes prices are higher, sometimes lower. I want them to be in the same line. I tried to change the price tag in product-list.css file, but failed. I can move the position of the prices lower or higher, but they are always not in the same line. How can I set the price and products names horizontally in the same line. please help me.
    Can anybody help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • You’ll need to make all your images the same height:

    .woocommerce ul.products li.product a img {
      height: 270px;
    }
    
    Thread Starter malaruban

    (@malaruban)

    Thank you so much, it works fine.

    Thread Starter malaruban

    (@malaruban)

    If i am using height :270px , The image is not displaying in its original size. It looks quite stretched. can you please see my shop images .Please help me.

    My website : https://fashionliberation.dk/shop/

    You have some tall images and some short ones. Your request was to get the prices in line, and to do this you need to make all the images the same height. That’s what the custom css was supposed to do. So tall ones will be squashed and short ones will be stretched. You can experiment with different values for the 270px to find a compromise. But its not going to be great for every image.

    Alternatively, you could decide on a standard aspect ratio for product images on your site, then edit the images in an image editor by adding white margins, either top/btm or left/right as appropriate, to get them to your standard aspect ratio before uploading.

    There is also a “crop” option. Tall images have a bit chopped off the top and the bottom. This can look very odd sometimes, depending on the subject in the image.

    If it was my site I’d go back to like it was, with the prices not in a horizontal line. At least the images were at their best then, and in my view that’s what is important. Customers will decide to buy based on what they see in the image. But its up to you. Its never going to be perfect in every respect.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Alignment’ is closed to new replies.