Simple Theme- How can I change the font size and location of featured collection heading?

[Katie_Demicelli]

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. 

[juansmartdev]

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:)

[Katie_Demicelli]

Here you go 

https://lillypiecreations.com

[juansmartdev · 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.

[Katie_Demicelli]

Awesome, thank you! Is there anyway to move that "see more" link to the bottom after the products?

[juansmartdev]

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. 

[Katie_Demicelli]

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>