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

Solved

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

Katie_Demicelli
Tourist
4 0 1

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. 

Accepted Solution (1)
juansmartdev
Shopify Partner
85 17 24

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.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com

View solution in original post

Replies 6 (6)

juansmartdev
Shopify Partner
85 17 24

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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com
Katie_Demicelli
Tourist
4 0 1
juansmartdev
Shopify Partner
85 17 24

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.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com
Katie_Demicelli
Tourist
4 0 1

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

 

juansmartdev
Shopify Partner
85 17 24

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. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Senior Shopify Developer.
◦ Contact me at: juandev.martinez@gmail.com
Katie_Demicelli
Tourist
4 0 1

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>