Mike helped me with this post and the test page below and I have a follow up question.
For the css, to make it work on this one page I added this css to your Quick CSS:
#top.page-id-3897 .epyt-gallery-list {display:none;}
The Test Page is working as expected, but I’m not understanding how it’s working on this page. I went to the Advanced tab > Developer Settings and did not see #top.page-id-3897 as a Custom CSS Class for that page.
I know you added this CSS to my Quick CSS, but it’s not clear to me how it’s working on this page. I tried to create another Test Page (see below) and add #top.page-id-3897 to Custom CSS Class, but it did not work. What step am I missing? Thank you for the education and guidance.
Best Regards,
Julio
Hey Julio,
Sorry that I was not clear how the page ID works, each page & post on your site has a page-id- or postid- in the body tag, which has the ID of Top, this is what the “scroll to the top” arrow points to, so this was not a custom class, when you want to make a css rule for a specific page or post you will want to use a page-id- or postid-
Your new post ID is: postid-3940 so the new css would be:
#top.postid-3940 .epyt-gallery-list {display:none;}
Here is a good tutorial if you want to read more about this: How to Find Your WordPress Page ID and Post ID
Best regards,
Mike
Mike,
Thank you so much! This is a new learning for me. Appreciate the explanation and the link to Page & Post IDs. Very helpful.
Please close this topic. Thanks again!
Best regards,
Julio