|
Porter
|
November 29, 2018 at 6:43 am
I’m am trying to add a white background to our check out page. I’ve tried using the code I’d found in the support forums but it is not working for me.
The code i’ve used is
.page-id-2825 .ee-single-page-checkout-dv {
background-color: #ffffff;
padding: 20px;
}
What am i missing?
|
|
Tony
|
November 29, 2018 at 7:45 am
Hi there,
Is 2825 the correct page ID for your checkout page?
Can you link me to an event I can run a test registration on and also include a screenshot of the section you are trying to change, please?
https://eventespresso.com/wiki/troubleshooting-checklist/#screenshots
|
|
Porter
|
November 29, 2018 at 7:56 am
This reply has been marked as private.
|
|
Tony
|
November 29, 2018 at 8:04 am
That’s a different site to the one linked to your license, the CSS is specific to your site/theme, mainly because of the page ID.
I’m looking for a screenshot of the section within the page you are trying to change, the reason being that with the correct CSS:
.page-id-2825 #ee-single-page-checkout-dv {
background: #fff;
}
(Note the # rather than .)
The section that changes is only in the centre of the page as that’s where the single page checkout dv is located – http://take.ms/ovLk2
Are you wanting the whole page to have a white background or just the above?
|
|
Porter
|
November 29, 2018 at 9:16 am
This reply has been marked as private.
|
|
Porter
|
November 29, 2018 at 9:16 am
This reply has been marked as private.
|
|
Tony
|
November 29, 2018 at 10:30 am
I’ve tried using this CSS but it is not working
#mk-page-id-2952 .theme-page-wrapper {
background: white;
}
That targets any elements with class .theme-page-wrapper that are children of #mk-page-id-2952
As the div has an ID of #mk-page-id-2952 AND a class of .theme-page-wrapper you’d need:
#mk-page-id-2952.theme-page-wrapper {
background: white;
}
Although you should be able to just use:
#mk-page-id-2952 {
background: white;
}
|
|
Porter
|
November 29, 2018 at 1:39 pm
Thank you – that worked 🙂
|
