How can I change the background color on my ambassador page?

Store Design
1

Hello,

I am currently using a 3rd party app to display an ambassador page on my website. The 3rd party has branding attached to the bottom of the page, and I would like to change the white background to black to match the rest of my page.

Here is the link to my website/specific page:

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

Thanks in advance,

Zack

2

Hi, @ZackL

You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> base.css ->paste the below code at the bottom of the file.
#MainContent > div,embed-disclaimer{
background: #000 !important;
}

There will be a single line after adding this code, we need the code of the template file of this page to remove that line.

3

Hey Ahsan,

It partially worked, but it changed the background on a lot of different pages as well. Is there a way to isolate it to that page? Basically for the Ambassadors Page I would like the background to be all black

4

Do you know to code? can you find the template of that page from the code editor?

5

I know a very small amount, I have been searching for the specific code, but the page is created on the 3rd party website, so that may be the issue…

6

You can try this

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> global.js ->paste the below code at the bottom of the file.
if(document.querySelector("#embed-disclaimer")){
#MainContent > div,embed-disclaimer,#MainContent{
background: #000 !important;
}
}