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
Highlighted
Shopify Partner
1445 195 521

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 my solution helped you, please like and accept as solution!
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
Highlighted
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
Highlighted
Shopify Partner
1445 195 521

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 my solution helped you, please like and accept as solution!
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