Debut Theme : Css selector for a specific page

Highlighted
New Member
2 0 0

I'm trying to figure out what the selector should be to supply CSS to a single page.

 

Looking at this post :

https://community.shopify.com/c/Shopify-Design/Best-way-to-add-page-specific-CSS/td-p/221691

 

I'd think I should be able to write #about-us as I'm expecting the HTML to have a node w/ an ID = "about-us"

<body id="about-us" class="template-page" > 

 Looking at the source from the page I don't see any nodes that have the page name in it.  

 

Thoughts??

0 Likes
Astronaut
1014 131 241

Right click and inspect on the page you want to apply the style to and look at the body tag and see what the ID is.

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
New Member
2 0 0

Screen Shot 2019-06-10 at 10.33.46 PM.png

 

 

 

 

 

 

The id isn't in the body tag.

0 Likes
Astronaut
1014 131 241

How is your page created? Did you use the customize editor to make it? Can you post a link to the page you want to edit and a password if it's password protected?

If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes