MarkWilson Posted September 26, 2019 Share Posted September 26, 2019 Hi Everyone I'm trying to change the color of the banner text on only one page and don't know how to code this. I don't want to change the color on all pages, but the background on some isn't great with the text being navy. Any ideas? Link to comment
christyprice Posted September 26, 2019 Share Posted September 26, 2019 The code will depend on what template you are using. Could you please provide a link (and password if needed) to the site? christyprice.com 🇺🇸 Austin, TX US ✅ Get my 100+ item Client Process Checklist for $17. 📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) 🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023 Link to comment
MarkWilson Posted September 26, 2019 Author Share Posted September 26, 2019 @christyprice I'm using Bedford's template. Our site is Brainsandbrawnllc.com Thanks! Link to comment
christyprice Posted September 26, 2019 Share Posted September 26, 2019 This will do it for the homepage. If it's another page, you'll just change out the collection-id. I use this plugin on Chrome to easily find the collection-id for pages. Also, this changes the text color to white, so just put in whatever hex code you want for the color. #collection-5c5de1ba8165f5649389f9ce .desc-wrapper p>strong, .desc-wrapper p { color: #ffffff; } Code goes in Design > Custom CSS christyprice.com 🇺🇸 Austin, TX US ✅ Get my 100+ item Client Process Checklist for $17. 📔 Flourish Journal for Creative Entrepreneurs - 365 days of prompts 🎥 Watch Circle Live: Hello Income (feat. Christy Price and Jeremy Schwartz) 🎬 Watch It's Not Hard to Say Goodbye: Crafting Client Offboarding from Circle Day 2023 Link to comment
erika_barichello Posted September 27, 2019 Share Posted September 27, 2019 This will work! The collection-id is basically the body id, which change for every page. You can find it using the inspect element tool of your browser Link to comment
MarkWilson Posted September 27, 2019 Author Share Posted September 27, 2019 Hmm still can't get it to work. When I do this, it just appears at the top of the screen as a header. Am I missing something? Very new to CSS coding.... Link to comment
tuanphan Posted September 27, 2019 Share Posted September 27, 2019 @MarkWilson add to Home > Design > Custom CSS body#collection-5c5de1ba8165f5649389f9ce .banner-thumbnail-wrapper.has-description p strong { color: #fff; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
tuanphan Posted September 27, 2019 Share Posted September 27, 2019 @MarkWilson add to Home > Design > Custom CSS body#collection-5c5de1ba8165f5649389f9ce .banner-thumbnail-wrapper.has-description p strong { color: #fff; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.