How to add different fonts for each section in the Debut theme

latarshalewis44
Tourist
5 0 1

How to add different fonts for each section in the Debut theme

dmwwebartisan
Shopify Partner
5695 1302 1668

@latarshalewis44 

Inspect the sections' ID using chrome inspect element and write CSS code on that id and related elements to apply specific fonts.

Like below.

#shopify-section-xxxx .title{
font-family: "Your font name";
}

Hope this works.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
LitExtension
Shopify Partner
641 66 119

Hi @latarshalewis44

On each section, you can define a class name to set font size different on each collection.

The section schema has the "class" propriety. You can find your section and add the custom class there:

Example:

{% schema %}

{

"name": "Your section name",

"class": "shopify-section--your-class",

...

}

{% endschema %}

- Please place this code at the end of the "theme.scss" file.

.shopify-section--your-class {

font: "your_font_name";

}

Screenshot to refer: https://prnt.sc/118ugtx

Hope this helps. In case you can not do that, you can add me as a staff, I’ll check it for you.

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes