Posted: September 15, 2016 at 9:08 am
|
Hi there, I also need to change the background colour on the payment pages so that my text shows up. I’ve managed to change the course listing and individual course page backgrounds with this code but it doesn’t work once you click the Register now button: |
|
|
Hi there
It will usually use your themes styles – http://take.ms/e6Wqv The easiest method to fix that is to override the styles where needed, so for example those two shown above you can use: .tkt-slctr-tbl .ee-ticket-selector-ticket-price-th,
.tkt-slctr-tbl .ee-ticket-selector-ticket-qty-th {
color: #fff9eb;
}
For this: .single-espresso_events #main-content, .single-espresso_events .et_pb_section {
background-color: #9c323d;
}
You also need to target the ‘Registration checkout’ page, you can do that with:
So it becomes: .single-espresso_events #main-content,
.single-espresso_events .et_pb_section,
.page-id-610 #main-content {
background-color: #9c323d;
}
|
|
|
Hi Tony, That’s so helpful thank you. All that is working. I’m afraid I have some more related questions as I go further through the checkout process: 1. First page of Registration Checkout 2. Second page of Registration checkout 3. Thank You page 4. Order Confirmation Pdf 5. Event payment details email Hello, Faith Tiller ay: Well Mama c ontent 6. This email problem is more even more important as its going to the attendee and it’s total gobbledygook! Please can you advise what I can do to fix this? Hello, Faith: COLUMN WRAP Registration: Email: samarahawthorn@gmail.c om /COLUMN WRAP Connect with Us: Google+ Many thanks for your help, |
|
|
1. First page of Registration Checkout We can’t view those pages as they use your session to output the details, I registered onto an event to view the output. The grey text is coming from your theme, are you not using tables within other areas of the site that need grey headers? If not you can use: .entry-content tr th, .entry-content thead th, body.et-pb-preview #main-content .container tr th, body.et-pb-preview #main-content .container thead th {
color: white;
}
That’s the CSS from your theme that is changing most of the text to grey, only you will be setting it to white.
The page has an ID of 612, so you can add
You need to remove that from within the ‘Receipt’ message template. Go to Event Espresso -> Messages -> Default message templates (tab) -> Receipt. Edit the template and you will find the Remove that and save the template to remove the switcher button.
It sounds like your emails are either being marked as spam, or your hosts mail server is causing problems with the emails. I would recommend using a transactions email service: https://eventespresso.com/wiki/postmark-app-mandrill-transactional-email-handling-services/ It helps rule out any issues with your hosts mail server and usually provides much better reporting you can use. |
|
|
September 22, 2016 at 10:10 am Thanks again Tony. I’ve implemented everything you suggested and it’s all looking good. many thanks |
|
|
September 22, 2016 at 10:45 am Sorry to say that now I added the custom link to the menu so I can see the full events list, the background on that one isn’t working. I am using this code to target the background colour of all the pages we’ve mentioned. But the events list looks like this:http://wellmama.wales/book-a-course/ please can you help as I’ve had to leave this page live so you can see it. |
|
|
September 22, 2016 at 11:26 am Have you already fixed the event list? The background is already set to red.
The bar at the bottom is because the page content is loading less than the height of your left sidebar (the header), its an issue with how the theme loads the page. |
|
|
September 22, 2016 at 11:33 am Just this second fixed the background colour with some code I found on another event-epresso using site that i did ages ago. Was just about to write to you to say ignore that bit of my question! They grey text on the registration page is this: And on the next page after clicking proceed to payment options, it’s the word my problem isn’t to do with a bar at the bottom (not sure what you mean with this!) |
|
|
September 22, 2016 at 12:52 pm
I’ll show you how you can find the classes for these so you know how to fix them. Using Chrome right click on the text that is grey and click ‘Inspect element’ – http://take.ms/IFkoc That brings up the dev tools that you can see just behind that popup and selects the elemt your looking to target. You can see that text is wrapped in a p tag with the ID of ‘spco-attendee_information-pg’ – http://take.ms/fDueF So then you know you can use that ID for your css. You can test it within dev tools – http://take.ms/VnktL You often need to change the selector to fit better than the automated one, but the above will allow you to target any element you need. So in this example the CSS is: #spco-attendee_information-pg {
color: #fff;
}
Then for registrations do the same – http://take.ms/nmiVN Note the span has a generic class, we don’t want to use that, so we look for something a little more specific, the H4 id should work fine: #reg-page-totals-hdr {
color: #fff;
}
|
|
|
Oh my goodness – this is a life changing moment. You’ve taught be how Chrome developer tool works and it all makes sense! Can’t thank you enough, really. Feels like the world is my oyster. thanks again. |
|
|
Happy to help and no, I’m not the boss 🙂 A testimonial, tweet, share etc would be greatly appreciated, we have some examples available here: |
|
The support post ‘Font and Background colour’ is closed to new replies.
Have a question about this support post? Create a new support post in our support forums and include a link to this existing support post so we can help you.
