• I was wondering was there any way to align the product titles horizontally? Most of my product is rectangular but even then sometimes it is not aligned, I always keep my photo size for the most part the same, but some of my product is square and it really makes everything lopsided. Here is a screen shot,

    Screenshot

    Any help would be appreciated, thanks

Viewing 13 replies - 1 through 13 (of 13 total)
  • Please post the url to this web page so the markup and styles can be examined with browser tools.

    Http:// robnsnest.com

    Is rward7578 and pri1234 the same user?

    I am unable to find the screenshot from the first post on the url from the third post.

    Thread Starter pri1234

    (@pri1234)

    No we are different users

    Thread Starter pri1234

    (@pri1234)

    This will go to an example I’m talking about here is a page link

    any help would be appreciated, thanks

    You need to apply fixed height to your .content-product .product-image-wrapper
    It would require a number of different heights for different screen resolutions though.

    View post on imgur.com

    This custom css should do it so you can see the effect on desktop:

    .products-loop img {
      height:330px;
    }
    

    Custom css can be entered at:
    Dashboard > Appearance > Customise > Additional CSS

    However, your square product distorts to become oblong, so not a good representation. Might be best to leave it as it is.

    Thread Starter pri1234

    (@pri1234)

    Is there any way to just align the product titles so that they are even and leave the product photo alone and let it be whatever shape? Here is an example of what I am talking about, it is perfect on this page link

    Their page has all different size photos and the product titles align perfect.
    I want to replicate that if possible?

    .content-product {
      position:relative;
      height:450px;
    }
    .product-details {
      position:absolute;
      width:100%;
      top:350px;
    }
    @media (max-width:480px) {
      .content-product {
        height:370px;
      }
      .product-details {
        top:290px;
      }
    }
    @media (max-width:320px) {
      .content-product {
        height:290px;
      }
      .product-details {
        top:190px;
      }
    }
    
    Thread Starter pri1234

    (@pri1234)

    Perfection!! Thank you very much!

    Thread Starter pri1234

    (@pri1234)

    I have a question regarding the code, it all works perfectly on desktop, notebook, tablet and when smartphone turned sideways, but when smartphone is turned vertical the product title and price go way low and disappear. Is there anyway to just fix the mobile end of it to make the product title and price appear? Here is a link to my site

    Any help would be appreciated, thanks

    It looks OK now here. Maybe the phone’s browser cache or WP Fastest Cache needed clearing.

    Thread Starter pri1234

    (@pri1234)

    I was doing some advertising so I removed the code so I wouldn’t have any problems. I did try on a couple different smartphones and the same thing happened. I cleared the cache on my end, I cleared the browser history and cache for each smartphone I tried it on but the prices and product description disappear. I will apply the code again, if you can take a look at it I would be greatly appreciating it. Thanks

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘Product title alignment’ is closed to new replies.