I want to change the layout of my Product Cards:
I know its hard to tell but the title and price of my products is beneath the product media,
I want the Product Title and Price to be inside of the Product media. Like this:
1 Like
@Donovan26 - can you share this page link? css may help to achieve this result
@Donovan26 - it can be done but I do not recommend it as text overlapping images looks bit odd
I would just have to increase my image space around my product and make the text smaller to fix this right?
Hi @Donovan26
This is for the collection pages right?
Chekc this one.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
.collection .card__content {
position: absolute;
bottom: 0;
}
And Save.
result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
1 Like
@Donovan26 - I doubt , but if yo want to try then you can try that
1 Like