Hi,
On taste theme, can I please get the coding to move the collection heading/link from under the image to above the image?
Thanks
1 Like
Hi!
I checked your store and the Taste theme structure. The collection titles are placed under the images by default, so you’ll need a small CSS tweak to move the heading above the image.
You can try this:
1. Go to Online Store → Themes → Edit code
2. Open base.css
3. Add this code at the bottom:
.collection-card__title {
order: -1 !important;
margin-bottom: 10px;
}
This will pull the collection heading above the image.
If the layout still doesn’t align properly on mobile or desktop, let me know, I can help adjust it for you
I can help adjust it for your store specifically.
Please add this code to Custom CSS in your Theme settings.
.collection-list-wrapper .card-wrapper .card {
flex-direction: column-reverse;
}
2 Likes
Hi!
I checked the Taste theme layout and the collection cards place the title under the image by default. You can move the collection heading above the image with a small CSS update.
Here’s how:
1. Go to Online Store → Themes → Edit code
2. Open base.css (or theme.css depending on your version)
3. Add this at the bottom:
.collection-card__content {
display: flex;
flex-direction: column;
}.collection-card__title {
order: -1 !important;
margin-bottom: 8px; }
This forces the title to display above the image.
If it doesn’t align perfectly on mobile or desktop, just share your preview link — I can help adjust the spacing so it looks c
onsistent across the theme.
Use flex reverse on the card:
.collection-list-wrapper .card-wrapper .card {
flex-direction: column-reverse;
}
Drop it in Theme settings → Custom CSS.