|
FaithT
|
August 2, 2017 at 7:49 am
Hi,
Please can you help me with the following customisations on ruskinland.org.uk
1. On the Events list page I would like to remove the sidebar. I have removed the widgets for now but want to make it a full width page with no sidebar at all. On all the other pages I’ve done that by removing them in my theme. But I’m displaying the events list by using the shortcode on a Divi Builder page. There is no sidebar on my page, but somehow one is there!
2. On the single event page I want to change the font family, size and colour of the Discover Ruskin Land event title. It is picking up H1 and I need it to pick up H2 if possible.
On this page I also want to change the font and font size and colour of the text reading Venue: Uncllys Farm to h1
3. On the registration checkout page, I want to remove the huge word Details so that it doesn’t show at all.
4 On the Thank You page, I need to target both the title Registration Details which is too small, and then the huge words for:Discover Ruskin Land.
for all of the above I’ve been attempting to do this with the inspect tool, but am not getting the targeting right somehow.
I would be very grateful for some quick advice because my first event is live!
thanks
Faith
|
|
FaithT
|
August 2, 2017 at 8:32 am
Hi again,
I’ve managed to change the word Details (no3 above) to a smaller font by altering by h5 heading setting. This has also resolved the words for:Discover Ruskin Land (no 4 above)
I can’t solve the other problems though as my h1, h2, and h3 tags cannot be altered. I need to be able to switch which of these tags EE picks up so that for example where EE automatically picks up h1, I can tell it to pick up h2.
Thanks again,
Faith
|
|
FaithT
|
August 2, 2017 at 10:00 am
Almost all above resolved by a lot of trial and error!
Just one thing that I can’t do.
1. as no 1 above, I still can’t remove the sidebar on the Events List page. This is working on the single event and other pages, but can’t modify it correctly for Event list:
.single-espresso_events .container:before,
.single-espresso_events #sidebar {
display: none;
}
.single-espresso_events #left-area {
width: 100%;
}
many thanks
Faith
|
|
Tony
|
August 2, 2017 at 10:11 am
Hi there,
1. On the Events list page I would like to remove the sidebar. I have removed the widgets for now but want to make it a full width page with no sidebar at all. On all the other pages I’ve done that by removing them in my theme. But I’m displaying the events list by using the shortcode on a Divi Builder page. There is no sidebar on my page, but somehow one is there!
Do you mean this page? http://ruskinland.org.uk/events/
If so that’s not actually a ‘page’, you may have a page in the dashboard called ‘events’, but that isn’t used for that output, it’s an archive of EE events and is output from your themes archive.php template file.
The CSS posted here:
https://eventespresso.com/topic/background-color-for-events/#post-145079
Should remove the sidebar from your Event list and your EE single events.
I can’t solve the other problems though as my h1, h2, and h3 tags cannot be altered. I need to be able to switch which of these tags EE picks up so that for example where EE automatically picks up h1, I can tell it to pick up h2.
It’s actually your theme controls most of the output, EE injects some details into the content and uses standard header tags for doing so but the styles for those will be from your theme.
You can’t tell EE to use different header tags without modifying multiple template files but you can apply your own styling to override the current styles.
2. On the single event page I want to change the font family, size and colour of the Discover Ruskin Land event title. It is picking up H1 and I need it to pick up H2 if possible.
There doesn’t seem to be a different here.
Using Chrome I added a h2 below the h1 tag on the event page – http://take.ms/rjv6J
Can you let me know what it is you want to change with that heading? I’ll provide some example CSS to change it.
|
|
FaithT
|
August 2, 2017 at 10:22 am
Hi Tony,
Many thanks for your help.
I resolved all the issues except the Sidebar issue. Your CSS worked perfectly for that but now I need to be awkward and say I prefered it with an empty sidebar (so the content doesn’t look so wide). I’m going to return to how it was if you can let me know how to remove the vertical line dividing the content from the sidebar.
Many thanks again,
Faith
|
|
Tony
|
August 2, 2017 at 10:30 am
For both the archive and the single events?
Try:
.single-espresso_events #main-content .container:before,
.post-type-archive-espresso_events #main-content .container:before {
display: none;
}
|
|
FaithT
|
August 2, 2017 at 10:35 am
Thanks. Will try that now.
In the meantime I logged out of my wordpress dashboard and tried to book a place on my event but I get this message.
There can’t be anything wrong with my browser settings because I manage three other EE sites and never get this message.
It’s fine when I’m logged into WordPress, but if I log out I get this message.
Have just written to the client to ask them to test it! Yikes!
|
|
FaithT
|
August 2, 2017 at 10:36 am
Sorry can’t see how to add screenshot. But message says:
It appears your browser is not currently set to accept Cookies
In order to register for events, you need to enable cookies.
If you require assistance, then click the following link to learn how to enable cookies
|
|
FaithT
|
August 2, 2017 at 11:07 am
Hi Tony,
Found out that the Cookie message is due to WP ENgine caching. They are sorting.
Sidebar issue sorted too. So everything from your side is resolved!
Thanks again.
Faith
|
|
FaithT
|
August 3, 2017 at 4:22 am
Very grateful for all your help so far. Everything you’ve suggested is working fine!
Just two more quick questions I’m afraid…
1. How do I remove the grey background colour at the top of the confirmation email that goes out to attendees – the grey bar that the logo sits on? There is no background colour option in the visual editor?
2. Could you tell me how to target items on the Registration Page and the Thank you page. I know how to isolate different elements using the inspect tool, but need the overall location eg .single-espresso_events is the starting point for anything on the events list. So for example if I wanted to target the h1 heading on the Thank You page, what class would I start with?
Thanks!
Faith
|
|
Tony
|
August 3, 2017 at 6:31 am
1. How do I remove the grey background colour at the top of the confirmation email that goes out to attendees – the grey bar that the logo sits on? There is no background colour option in the visual editor?
We don’t have an easy method for this currently. You would need to create your own message templates/variations (via code) and set them on the templates to remove the header.
2. Could you tell me how to target items on the Registration Page and the Thank you page. I know how to isolate different elements using the inspect tool, but need the overall location eg .single-espresso_events is the starting point for anything on the events list. So for example if I wanted to target the h1 heading on the Thank You page, what class would I start with?
It does depend on what you are looking to change however for the reg page the content is wrapped within – #ee-single-page-checkout-dv
For the thank you page – #espresso-thank-you-page-overview-dv
|
|
FaithT
|
August 3, 2017 at 9:30 am
Thanks Tony. Much appreciated.
|
|
Tony
|
August 4, 2017 at 5:22 am
You’re most welcome 🙂
|
