Shopify themes, liquid, logos, and UX
I have a couple Multicolumn sections on home page. The text is showing in blue (#0000FF) for the paragraph (P) in all 3 columns of 1st Multicolumn section, and only 1st column of the second Multicolumn section. There is no blue in my Theme Settings. I don't understand why this is happening. How do I change it back to the proper color which is purple?
YogaStudios.myshopify.com password: website
Solved! Go to the solution
This is an accepted solution.
Hi!
Add this to the bottom of your section-multicolumn.css file:
.multicolumn-card__info {
color: purple !important;
}
.rte {
color: purple !important;
}
This is an accepted solution.
p {
color: #760186 !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
This is an accepted solution.
Hi @Smiley1311
This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.
First of all the reason, it's blue is because externally you are putting a url so it is eating the default color of the <a> tag. you can reset the colors using the following class and reset their colors
you find : theme -> Edit > Search "theme.liquid".
{% if template.name == "index" %}
<style>
.multicolumn-card__info .rte p{
color:rgba(118, 1, 134, 0.75) !important
}
</style>
{% endif %}
(you can change “rgba(118, 1, 134, 0.75)” by different color)
If you want more flexibility to personalize your pages, I'd love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.
If you find my comment useful, please let me know by giving it a Like. Thank you!
PageFly
This is an accepted solution.
Hi!
Add this to the bottom of your section-multicolumn.css file:
.multicolumn-card__info {
color: purple !important;
}
.rte {
color: purple !important;
}
This is an accepted solution.
p {
color: #760186 !important;
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
This is an accepted solution.
Hi @Smiley1311
This is PageFly - Free Landing Page Builder. I would love to provide my recommendations for your store based on 6 years of providing solutions for about 100.000 active Shopify merchants.
First of all the reason, it's blue is because externally you are putting a url so it is eating the default color of the <a> tag. you can reset the colors using the following class and reset their colors
you find : theme -> Edit > Search "theme.liquid".
{% if template.name == "index" %}
<style>
.multicolumn-card__info .rte p{
color:rgba(118, 1, 134, 0.75) !important
}
</style>
{% endif %}
(you can change “rgba(118, 1, 134, 0.75)” by different color)
If you want more flexibility to personalize your pages, I'd love to introduce our product PageFly Landing Page Builder with 24/7 support live chat. PageFly has a Free plan where you can use all features and create different page types so I hope give us a try.
If you find my comment useful, please let me know by giving it a Like. Thank you!
PageFly
Hey Community! As we jump into 2025, we want to give a big shout-out to all of you wh...
By JasonH Jan 7, 2025Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024