Multiple fonts in one heading? How to add spans or other code into a specific section?

Multiple fonts in one heading? How to add spans or other code into a specific section?

Platypyrus
Excursionist
22 0 6

I'm familiar with html and css but I'm new to Shopify. How do I simply add code to a section? 

 

I would like to have multiple fonts within one section. I would normally use a span tag but I don't know where to even put this. 

Replies 3 (3)

NomtechSolution
Astronaut
1245 113 155
  1. In the "Themes" section, locate the theme you're currently using and click on the "Customize" button next to it.
  2. This will open the theme editor, where you can make customizations to your theme.
  3. In the theme editor, look for the section where you want to add the custom code. This could be a specific section like a header, footer, or a custom content section.
  4. Once you've located the section, you can usually find an "Edit code" or "Customize section" option. Click on it to access the code for that section.
  5. In the code editor, you can add your HTML and CSS code. To apply multiple fonts within one section, you can indeed use the <span> tag to wrap the text you want to style differently. Example:

 

<p>This is some <span class="different-font">text with a different font</span>.</p>
​

 

Platypyrus
Excursionist
22 0 6

Your step 4 is where I've been stuck. Where would I find "Edit code" or "customize"? It's just rich text so I can't add spans to the text box.

 

Screen Shot 2023-05-24 at 11.42.42 AM.png

adamtheory
Visitor
1 0 0

Hi, did you ever find a solution for this?  Even when I try adding the heading as a 'custom liquid' in the theme editor it keeps giving me an error about span classes not being allowed.