Narrative theme slideshow header customization

Store Design
1

Hi,

If you look in the zip file attached, you can see my current homepage. The font for the header ‘the Califorrrrnia Collection’ is too small, and I want to change the size and the color. I’ve attached a picture of what I want to change it to. Where in the code can I make these changes?

Here is the passcode to view the website: rtohpo

1 Like
2

@kaylaeber , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > theme.scss.liquid or theme.css and paste this at the bottom of the file:
.slideshow__heading{
    font-size: 30px !important;
    color: #000 !important;
}

@media (max-width: 749px){
    .slideshow__heading{
    font-size: 25px !important;
}
}

30px = font size desktop
25px = font size mobile
#000 = text hex color

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

1 Like
3

@kaylaeber

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

4

Hey Diego, wondering if that code works for the Masonry theme? We’d like to try and reduce the slideshow banner height on the Home page to maybe about 75-80%. Our website is MyCherryTree.com