add styles

New Member
8 0 0

www.urturt.com

The site uses thee Envy  theme and am trying to figure out how to add my styles to the events pages.

I think with this theme, events are just any blog post

(https://urturt.com/blogs/events/urt-lob-off) and what to just  add a <style>...</style> in the <head> of every events page.

0 Likes
Highlighted

Here is a step-by-step instruction that can help you to add your styles to the Events pages.

Please, test changes in a theme copy first vs editing the live theme (unless you are really sure it will work).

Page "Events" has unique id in body tag - "events":

<body id="events" class="template-blog flexbox-wrapper"> 

 

Every article has this class - "template-article":

<body id="chucksweaty-hero-workout-may-3rd-2018" class="template-article flexbox-wrapper">

Follow these steps:

1.From your Shopify admin, go to Online Store > Themes.
2. Choose "Edit code" from the "Actions" drop-down menu.
3. On the Edit HTML/CSS page, you can edit the Assets / styles.scss.css file.
4. You should go to the bottom lines in the file and Paste this code:

/* ========= custom CSS ======== */
#events {
 // Add your custom style for Events here
}

.template-article {
 // Add your custom style for every article in all blogs here
}

 

Hope this helps you!

Best,
Arthur

 

Shopify subject matter expert | Founder at GenovaWebArt | Full-services shopify agency | info@genovawebart.com
0 Likes
New Member
8 0 0

thanks

0 Likes
New Member
8 0 0

is it the file (style.scss.liquid)?

 

 

0 Likes