BLola
August 5, 2024, 3:15pm
1
Hi everyone,
Does anyone know how to change the background color of the page? I need it to be white. Also, is it possible to remove the page title completely? Whenever I try to do it, it says the title cannot be blank.
My website is: My Store (76efa0-54.myshopify.com)
Thanks in advance for your help!
Hello @BLola
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
section#shopify-section-template--15002345341008__main {
background: #66a5dd !important;
}
section#shopify-section-template--15002345341008__main h1.page-title.h0.scroll-trigger{
display: none !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
BLola
August 5, 2024, 3:35pm
3
It worked! Thank you so much! Can you please help me to do the same with these two pages?
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
section#shopify-section-template--15012829495376__main {
background: #a77d46 !important;
}
section#shopify-section-template--15012829495376__main h1.main-page-title.page-title{
display: none !important;
}
section#shopify-section-template--15002358841424__main{
background: #a77d46 !important;
}
section#shopify-section-template--15002358841424__main h1.main-page-title.page-title{
display: none !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark my both solutions as an Accepted Solution.
BLola
August 5, 2024, 3:58pm
5
Awesome! Thank you so much!
Can you help me a few more tweaks?
Could we set the FAQs page background to white?
Can we center the text and button in the Contact Us section?
Also, can we switch the background color for the Privacy Policy, Terms of Service, and Refund Policy pages to white?
Thanks a bunch!
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
.collapsible-content, .focus-none {
background: #fff !important;
}
.shopify-policy__title, .collapsible-content__heading, h2.title{
display: none !important;
}
.contact__button{
text-align: center !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark my all solutions as an Accepted Solution.
Thanks
BLola
August 5, 2024, 4:39pm
7
Thanks! One more question, is it possible to move this text to center?
You can add code by following these steps
Go to Online Store → Theme → Edit code.
Open your theme.liquid file
Paste the below code before on theme.liquid
#shopify-section-template--14968785928272__form h2.title.animate--slide-in{
text-align: center !important;
}
PLEASE like and Mark my all solutions as an Accepted Solution.
Thanks