How can I alter the background color on a specific page?

[ZackL]

Hello,

I am trying to change the shopify background color on just one page.

Below is the URL of the specific page I am trying to change the background on. most of the page is imported from a 3rd party app, but at the bottom the “powered by buzzbassador” is over a white shopify background. If possible to switch to black on just this page that would be great!

https://hydrafitco.com/a/buzzbassador/ambassador-page

[ZackL]

Yes if you could help that would be great! I know how to change the background to black, but it does it for the entire site. Would you be able to help me change the background on just that page?

[LarishWhyse]

Can you give me an access to your store to do that then?

[PageFly-Richard]

Hi [email removed]ZackL

I am Richard Nguyen from PageFly - Advanced Page Builder. I would love to give you some recommendations.

Go to Online Store > Themes > Edit Code > after paste code before element:

{% if handle contains ‘ambassador-page’ %}

#MainContent{ Background:black !important }

{%endif%}

Best Regards;

Richard-pagefly

[ZackL]

Hey! I tried the code but it didn’t seem to change the background…

[PageFly-Richard]

Hi ZackL,

you can give me screenshots position you added code?

[ZackL]

I added the code to the base.css section at the bottom, is this the correct spot?

[PageFly-Richard]

Hello @ZackL

you should put it in the theme.liquid file that code only works there because it checks the page so the base.css file won’t work.

[ZackL]

Hey Richard,

I put the code there in the theme.liquid and it still does not appear to have changed the background…