Shopify themes, liquid, logos, and UX
Hello, I have the Canyon design and the FAQKing (what a name!) page set up, which is completely white. How do I make a matching color and fonts for that page that synchronizes with the rest of the site? I know I should have some code somewhere ..the site is www.yourb3auty.com if that helps
Any help is appreciated...
Solved! Go to the solution
This is an accepted solution.
Did you tried this-
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
Hey @yourbeauty
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.faq-container {
background: #FFFEF2 !important;
}
.s-main-faq__main .faq-heading-title {
background: #FFFEF2 !important;
}
.s-main-faq__main .faq-subcategory-header {
background: #FFFEF2 !important;
}
.s-main-faq__main .faq-subcategory-content {
background: #FFFEF2 !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Thank you both for helping! I am pretty sure I am the problem, as I tried both solutions, and the result is this:
and I did this:
Can you tell me what I am doing wrong?
HEllo @yourbeauty
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
.faq-container {
background-color: #fffef2 !important;
}
.s-main-faq__main .faq-heading-title {
background-color: #fffef2 !important;
}
.s-main-faq__main .faq-subcategory-header {
background-color: #fffef2 !important;
}
.s-main-faq__main .faq-subcategory-content {
background-color: #fffef2 !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Thank you both for helping! I am pretty sure I am the problem, as I tried both solutions, and the result is this:
And just to make sure I understood the assignment correctly, I did this: (1st version)
This is an accepted solution.
Did you tried this-
Go to online store ----> themes ----> actions ----> edit code ---->base.css
add this code at the end of the file and save.
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025