TaylorMadeDesign Posted March 16 Share Posted March 16 Hello— This website I'm developing has two distinct and different blog types COPD News Real-FAQs 1. For the COPD news INDEX page I'd like to keep the default blog excerpt paragraph style ( the “element") , which is black sans-serif text .blog-excerpt p { default styles } 2, For Real-FAQs I’d like to use an #id selector to style the element with the specified PAGE id https://teal-semicircle-bk7s.squarespace.com/real-faqs?p i.e. ths CSS style ONLY for the Real-FAQs blog excerpt paragraphs .blog-excerpt p { color: #1470AF; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } To do so on a website I would normally add an ID in the CSS to #ID.blog-excerpt p { color: #1470AF; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; } However, when I look at the HTML source code, and I add an ID i found on the Real-FAQ page for the section that contains the excerpt I don't want it to apply to the COPD news page just to the Real-FAQs main page Please advise. Thanks, Jim Link to comment
tuanphan Posted March 18 Share Posted March 18 The site is private, you can follow this guide to share correct url, then we can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
dnmddy Posted March 18 Share Posted March 18 (edited) if they are set up as two different blogs in your pages panel, you can add the code to the advanced PAGE HEADER CODE INJECTION instead of your main site css. Just make sure to wrap your css in <style></style> Edited March 18 by dnmddy Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment