Change Header in Custom Section in Debut Theme

Store Design
1

Hello,

I have a custom section on my homepage. I want to change the font in the header of the custom section only “Meant to Last” to the font Mrs. Saint Delafield.

Screen Shot 2021-09-02 at 11.16.33 AM.png
Screen Shot 2021-09-02 at 11.16.33 AM.png1254×444 83.2 KB

Thank you!

2

Hi there @woolanddye ,

If it’s a custom section (Custom coded section) then ask the developer/coder to change the heading. If it’s not a custom coded section then you should be able to find it in theme customizer. BTW how new are you the the Shopify?

3

@woolanddye

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

@KetanKumar Thank you for your help!

Here a link from Share Preview: https://e1c7uhak79twm7rt-59583561902.shopifypreview.com

Please let me know if that does not work or you need a password.

5

@woolanddye - Mrs. Saint Delafield is available on google fonts so we will need to integrate it into your theme and then only we can use it to titles , sections etc.

6

@woolanddye

thanks if you need custom font please try this way

Yes, you can do easy to upload your custom font

  1. Go to Online Store->Theme->Edit code
    2.Asset->/theme.css->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
  2. Asset->/theme.css->paste below code at the bottom of the file.
@font-face {
font-family: 'Montserrat-Regular';
src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}');
src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'),
url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'),
url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'),
url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: antialiased;
}

can you please just change font name, for example, Montserrat-Regular to your custom font name

7

To clarify-once I upload the font-I do not want to change ALL headings to this font. I only want to change the heading on this one section. Is that possible?

8

@woolanddye

yes its possible you have just upload custom font and target that section heading

9

Ok, I have uploaded. How do I target just that section?

10

@woolanddye

yes please try this code

#shopify-section-16304352996cec8865 h4.h3 
{
/* your css style here */
}