Please post the url to this web page so the markup and styles can be examined with browser tools.
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.
No we are different users
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.
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;
}
}
Perfection!! Thank you very much!
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.
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
