Shopify themes, liquid, logos, and UX
Hi, I'd like to change the color of the header and and icon for the 'Collapsible Content' section on the Dawn theme to blue in order to stand out. Please see existing presentation below.
Thanks in anticipation. Gill
Solved! Go to the solution
This is an accepted solution.
Hi @DawnHazel
You can change the color on the .h4 class that the text is using by editing and pasting the following code to the bottom of your base.css file and clicking save.
.h4 {
color: #feae1b !important
}
*change the #feae1b color to any color you'd like.
You can also change the icon by going to theme's visual editor inside of Shopify and selecting a new icon from the icon list like so:
This is an accepted solution.
Hi @DawnHazel
You can change the color on the .h4 class that the text is using by editing and pasting the following code to the bottom of your base.css file and clicking save.
.h4 {
color: #feae1b !important
}
*change the #feae1b color to any color you'd like.
You can also change the icon by going to theme's visual editor inside of Shopify and selecting a new icon from the icon list like so:
Hi Brandography,
Thanks for taking the time to respond. I made the change (using a red color) as
.h4 {
color: #fe3d1b !important
}
to the base.css but the heading has not changed.
Thanks in advance
Dawn
Dear @brandography,
I tried to add this sort of code to the bottom of the base.css to change the color of the icons of my website's collapsible rows, but it did not work.
Were there any updates that caused a problem with the application of this method?
Thanks for the help,
SzeJan
For me that changed the color of the text, but not the icons. Do you know how to change the color of the icons?
Hey 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, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024