Solved

Change page background color

AleksanderG
Visitor
2 0 0

Hello,
i am using and app for my contact form, so that customers will have the option to attach files to their requests. I have edited all the colors in the form design itself, but I am unable to change the background color of the "page" area that the form exists within on the site.

I have checked all the theme settings and usual places where you change colors and backgrounds, but to no avail. I have tried entering a custom CSS on the element itself, but it still stays white.

So, is there a solution to get the white areas in the attached image of my site to display as black?

 

Thanks in advance,

 

regards,

Alex

testcontact.png

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4272 969 1620

This is an accepted solution.

 

Hi @AleksanderG 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

{%if template contains 'contact'%}
<style>
section div:has(.contact) {
    background: black;
}
</style>
{%endif%}

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 2 (2)

PageFly-Richard
Shopify Partner
4272 969 1620

This is an accepted solution.

 

Hi @AleksanderG 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

{%if template contains 'contact'%}
<style>
section div:has(.contact) {
    background: black;
}
</style>
{%endif%}

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

AleksanderG
Visitor
2 0 0

Hello Richard,
thank you for the timely reply and solution. This worked.

 

Also, I found that adding the following code to the theme.liquid achieved the same results:

 

<style>
section.section.shopify-section {
background-color: black !important;
}
</style>

 

Again, thanks - and have a nice day!

 

Regards,
Alex