Hi,
Does anyone know how to change the colour of the title and body text for the email subscription section and collection list section using codes that can be pasted at the bottom of the base.css file? We want the titles to be #177F67 and the body text to be #000000 for both sections.
We are using the Dawn theme. Unfortunately I cannot share the URL because the site isn’t published yet.
Thanks!
Hello @strokefdn
It’s GemPages support team and glad to support you today.
Please add code below to the bottom of the base.css file
#MainContent .collection .collection__title h2,
#shopify-section-footer .footer-block__newsletter .footer-block__heading{
color: #177F67;
}
#MainContent .collection > slider-component .product-grid .product-card-wrapper .card__information .card__heading .full-unstyled-link,
#MainContent .collection > slider-component .product-grid .product-card-wrapper .card__badge .badge,
#MainContent .collection > slider-component .product-grid .product-card-wrapper .card__information .price__container,
#MainContent .collection > slider-component .product-grid .product-card-wrapper .card__information .price--on-sale .price-item--regular,
#shopify-section-footer .newsletter-form__field-wrapper .field__input,
#shopify-section-footer .newsletter-form__field-wrapper .field__label{
color: #000000;
}
Result
I hope the above is useful to you.
Kind & Best regards,
GemPages Support Team
Didn’t work unfortunately
h2 {
color: #1C256A !important;
}
this code works but then it changes the heading colours in the footer. Is there any way to stop this happening so all the text in the footer stays white?
Hi @strokefdn
You can use the following code:
.footer-block--newsletter .footer-block__heading {
color: #1C256A !important;
}
.collection .title.h2 {
color: #1C256A !important;
}
I hope that it will work for you.
No luck with this one either.
To confirm, these are the sections we need changed
This is Kate from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/base.css->paste below code at the bottom of the file:
.newsletter__wrapper h2,
.collection-list-wrapper h2 {
color: #177F67 !important;
}
.newsletter__subheading p {
color: #000 !important;
}
I hope it would help you
Best regards,
Kate | PageFly