Liquid, JavaScript, themes, sales channels
Hi,
I am looking to add a break between the product title and the product price on the collection page, not on the product page.
Please see an example below:
The reason why I want to do this is because the price is too close to the title, which may be a little bit difficult to see. Having a break between the title and the price might make the price and title more distinct and easier to see.
Thanks in advance!
Solved! Go to the solution
This is an accepted solution.
hello @yosef110
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. hope this works
.template-collection .grid .grid__item .price.price--listing{
margin-top: 12px;
}
hello @yosef110
please share your web URL and if any password then please share your password
Hi,
I attached a photo in the original post so that you can refer to what I mean.
I am not authorised to share that information with anyone outside of our company.
If you are able to help us with the information already provided, it would be much appreciates.
This is an accepted solution.
hello @yosef110
please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file. hope this works
.template-collection .grid .grid__item .price.price--listing{
margin-top: 12px;
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024