Debut Theme: Homepage Heading Size Changes

Store Design
1

Hello,

I was hoping someone could help me figure out how to change the font size of the collection headings on my homepage without changing the heading font size on the product pages. My site uses the debut theme. For example, i’d like to make “New Arrivals,” as seen on my homepage larger. If possible, I was also wondering how I could add a line/underline under the collection headings on my homepage as well. Thank you so much for your help! My site is oldschooloutdoor.com

All the best,
Kyle

2

Hi Kyle,

Can you try to add this css to the end of your theme.scss file

.featured-card__title {font-size: 2em;}
if you want in pixels then
.featured-card__title {font-size: 16px;}

Try different numbers until you reach the desired size. I hope this helps.

3

Hi @kcrisci ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
#shopify-section-1619621512ea04e1c6 .section-header h2 {
    display: inline-block;
    border-bottom: 2px solid #000;
    font-size: 24px !important;
}

NOTE: You can change value 24px to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

4

Thanks so much for your response. Unfortunately when I enter this code as instructed i’m not seeing any changes. Is there something i’m missing? Thanks a ton!