Dark_Ballad

Site URL: https://www.darkballaddesigns.com

HI,

I just changed my site from business to personal and and now im wanting to remove my shop page from my site as its no longer needed, but everytime I try to delete it from the editing dashboard eith trash icon, it has the message that it can't be deleted. If I try to go to the settings using the cog icon, it says it can't be loaded. Here's what it does:

1 hour ago, tuanphan said:

Remove all CSS & try this new CSS

img.grid-item-image.grid-image-cover {
    object-fit: contain !important
}

img.ProductItem-gallery-slides-item-image {
    object-fit: contain !important
}
@media screen and (min-width:768px) {
.grid-image-wrapper {
    padding-bottom: 100% !important
}
}
img.grid-item-image.grid-image-cover {
    bottom: 0 !important;
    top: unset !important;
    height: auto !important
}

 

Hey,

This code has only fixed the mobile issue. it still clips the pictures in the desktop version. I will attach pics. We are so close! just this one issue left.

Site URL: https://darkballaddesigns.com/shop-all

Hello,

Can someone help me with my issue? Ive had help with code to make the aspect ratio of my product picture to their original size and then more code added to get the titles and prices to go underneath the pictures as they had shifted too far down after the aspect ratio code adjustment. One last issue i now have is that now some of my product pics are clipped at the top. ill attach pics. This is happening on both mobile and desktop. 

Thanks.

Site URL: https://darkballaddesigns.com/shop-all/art

Hello,

After getting help with code to make my product pictures into to their original aspect ratio and sizes i have found that the titles and prices etc for the products are far too low and far away from the pictures. I have attached pictures for desktop and mobile so you can see what I mean.

Is there a way to keep the original aspect ratio fix AND have the text closer underneath the product pictures? This is affecting both desktop and mobile.

Thanks

Site URL: https://darkballaddesigns.com/shop-all/art

Hello,

Can someone please help me with code to make my pictures each appear in their original aspect ratio on both desktop and mobile? Im aware this isnt a default option but since i sell artwork on my page, i need pictures to appear in many different shapes and sizes. 

I need this to work on the 'Shop all', 'Art' pages and i also need it on the page after you click on the thumbnail.

As it is at the moment, all picturee are in portrait but that doesnt work for me.

Any help appreciated.

Cheers.