Shopify themes, liquid, logos, and UX
Please refer to the image above, I want to align this text to the centre on the collections page and wherever the product shows.
Store link: varietybazaar.pk
Password: sheeld
hii, @Hasansaleem1997
Paste this code on top of the theme.scss file.
@media only screen and (min-width: 992px) {
dl.price.price--listing.price--sold-out {
position: relative !important;
left: 210px !important;
}
.h4.grid-view-item__title.product-card__title {
position: relative !important;
left: 210px !important;
}
}
Thank You.
@Zworthkey thanks it worked on that particular page, but it disrupted the view on other pages. Seems like it only changed for sold out products.
.grid-view-item.product-card .price {
position: relative !important;
left: 209px !important;
}
Paste this code in theme.scss file,
Thank You.
Please add the following code.
.h4.grid-view-item__title.product-card__title {
display: block !important;
text-align: center;
left: 0px !important;
}
.price__regular, .price__sale{ margin-right: 0px !important; }
.h4.grid-view-item__title.product-card__title {
display: block !important;
text-align: center;
left: 0px !important;
}
.price__regular, .price__sale{
margin-right: 0px !important;
}
Add this code in theme.scss
@dmwwebartisan This worked great ! Would you be able to help me also centre the prices on my collection page ?
hello @etetava24
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
.template-collection .price.price--listing {
align-items: center;
}
Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.
@media only screen and (min-width: 992px) {
dl.price.price--listing.price--sold-out {
position: relative !important;
left: 210px !important;
}
.h4.grid-view-item__title.product-card__title {
position: relative !important;
left: 210px !important;
}
}
Thanks!
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024