Shopify themes, liquid, logos, and UX
Hello there! Hoping somone can help me 🙂
I'm trying to change the font color in the "text column with image" section to white (both header & body text) - but only on this one page. I'd appreciate any help! 🙂
https://www.shophoneybug.com/pages/holiday
@honeybug Go to assets/styles.css and paste below css at bottom of file.
.use-alt-bg h1, .use-alt-bg .h1-style, .use-alt-bg .faq-title, .use-alt-bg h2, .use-alt-bg h3, .use-alt-bg h4, .use-alt-bg h5, .use-alt-bg h6, .use-alt-bg a:not(.btn), .use-alt-bg a:not(.btn):hover
{
color: #fff !important;
}
.rte>p:last-child
{
color: #fff !important;
}
Wow thank you SO much! Will this change it only for this one page - https://www.shophoneybug.com/pages/holiday
We'd like to be able to change the font just on that one page 🙂
@honeybug Please remove the previous css as i provided and paste below CSS that will effect to that page only.
.template-suffix-holiday .flexible-layout .text-column__title, .template-suffix-holiday .flexible-layout .text-column__text
{
color: #fff !important;
}
So close!! It changed everything except the header (not sure if that's the name) - if you could let me know what that is I'd be so appreciative! MORE than happy to tip or send a review 🙂
One more question 🙂 If I wanted to change the font for different "text column with images" blocks on this page - is there a way to do that? I'm guessing calling out the div#shopify-section? For example - this block is on white so would need a red font. Again, THANK YOU for your help and happy to tip!! 🙂
@honeybug Remove the previous CSS and paste this
.template-suffix-holiday .flexible-layout .text-column__title, .template-suffix-holiday .flexible-layout .text-column__text, .template-suffix-holiday #section-id-template--15927987077286__f7beb8ab-ad60-4ce0-84ea-f273d175e61c .hometitle
{
color: #fff !important;
}
It worked for the original section - yay!! - but it is still white (the text) for the section above it 😞
There is font under those images - I'm so excited though!! It's almost there!!
Hello @honeybug
Try this code:
Go to the online settings >Theme>Edit Code>Assets>styles.CSS
.cc-animate-enabled [data-cc-animate].-in {
color: #fff !important;
}
thank you so much, that did change the "red" sections to all white font - but unfortunately it turned the font white in other sections that it shouldn't. Is there a way to just specify color per section?
Thanks to everyone who participated in our AMA with 2H Media: Marketing Your Shopify St...
By Jacqui Sep 6, 2024The Hydrogen Visual Editor is now available to merchants in Shopify Editions | Summer '...
By JasonH Sep 2, 2024Note: Customizing your CSS requires some familiarity with CSS and HTML. Before you cust...
By JasonH Aug 12, 2024