Shopify themes, liquid, logos, and UX
Hello! I am looking to change the size and center the heading for the featured collections on my home page. I'd also like to change the location of the "see more" link to the end of each collection. Any help would be greatly appreciated.
Solved! Go to the solution
This is an accepted solution.
Hi, @Katie_Demicelli
You would need to add the following code to your style file:
.featured-products .small--text-center {
font-size: 35px;
text-align: center;
}
To add this to your style file
1. Go to Online Store -> Theme -> Edit code
2. Asset -> /theme.scss -> paste below code at the bottom of the file.
Hi, @Katie_Demicelli.
Hope everything is well!
Could you please share your web url? In that way i can share the specific solution for your theme.
Thanks, have a nice day:)
This is an accepted solution.
Hi, @Katie_Demicelli
You would need to add the following code to your style file:
.featured-products .small--text-center {
font-size: 35px;
text-align: center;
}
To add this to your style file
1. Go to Online Store -> Theme -> Edit code
2. Asset -> /theme.scss -> paste below code at the bottom of the file.
Awesome, thank you! Is there anyway to move that "see more" link to the bottom after the products?
Hi, @Katie_Demicelli
Yes, it is possible, but you would need to change the template files and move button to the bottom of the section.
I added this, to the featured-products.listed code to add the "see more" link, but can't figure out how to put it at the bottom of the listed products
<div class="featured-products">
{% if section.settings.title != blank %}
<h2 class="small--text-center">
{{ section.settings.title | escape }}
{% if collections[featured].products_count > total_products %}
- <a href="{{ collections[featured].url }}">see more</a>
{% endif %}
</h2>
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