|
FaithT
|
May 31, 2017 at 2:53 am
Hi,
Please could you tell me how to totally remove the sidebar from my single event page and subsequent pages. I am using the Divi theme and the only templates offered are Default (with sidebar) or Blank.
Usually, pages or posts in Divi have an option for a Full width layout with no sidebar, but on the EE pages this option isn’t there.
Can you help?
|
|
Tony
|
May 31, 2017 at 4:45 am
Hi there,
Which version of Divi are you using?
If you can send a copy over to me I’ll install it locally and investigate, you can use support[at]eventespresso.com
(Note you’ll likely need to host the zip on something like dropbox and send a link we can use to download the file as it is likely to large to be accepted within an email)
|
|
FaithT
|
May 31, 2017 at 5:05 am
Hi Tony,
Thanks. I’m using the latest version of Divi 3.0.47. Did you mean to send a copy of the theme? If yes, I just sent it by WeTransfer to support@eventespresso.com.
While you’re looking at it re the sidebar question, could you also see if you can work out why CSS isn’t working when placed in the child theme stylesheet or in the Divi CSS options box? I want to remove the word ‘Location’ from the venue info that shows up on the single event page, and also place a 40px margin above the venue info because at the moment it’s showing up right butted up to the event description. I’m using this CSS but nothing is happening.
.espresso-venue-dv {
margin-top: 40px !important;}
.espresso-venue-dv .event-venues-h3 {
display: none;
}
I found this on the events list page too when I tried to style the buttons. In the end I got it working by putting the CSS in the page specific CSS option. This isn’t possible for the single event page though as it’s not a page that I’ve created with Divi.
Any thoughts much appreciated!
Thanks
Faith
url is: https://ruskinland-uat.mytimpani.co.uk/
I’m making hard to find the test pages for now (don’t ask!) so to see the events page you have to go to CONTACT/FIND US and it’s in a submenu in there.
|
|
Tony
|
May 31, 2017 at 5:13 am
Regarding the CSS I don’t see either of those rules within the current stylesheet loading on the site.
Adding that to Chromes inspector stylesheet works as expected – http://take.ms/pDg7m
So it appears the CSS is not loading?
|
|
FaithT
|
May 31, 2017 at 5:24 am
That’s what I don’t understand. It’s there on my child theme stylesheet and in the Divi options panel for good measure. Can’t think why it’s not loading.
Just as an aside – even if it was working, I’ve got the gap in the wrong place. I need it to be directly below the event description and above the words ‘Venue: St George’s Farm’
It’s frustrating as my other CSS for the buttons is working when put in the Page specific CSS box for the Events page. I’d like to style the Register Now button in the same way once we can get the CSS to apply to the single event page.
Many thanks again.
Faith
|
|
Tony
|
May 31, 2017 at 5:34 am
Ok, my mistake, the CSS is loading but there are multiple syntax errors in the child CSS file.
body{ has no closing parenthesis
Neither does .et_header_style_centered #main-header .mobile_nav {
Any CSS after either of those rulesets is ignored.
|
|
FaithT
|
May 31, 2017 at 5:56 am
I fixed those errors and nothing changed.
I think it’s confusing things because I have CSS in two places (3 if you count the CSS for the buttons in the page specific box)
So I stripped all the code out of the child theme style sheet and have put it all in the Divi Theme Options CSS box. It works much more reliably in there. Custom fonts and all other styling is loading. But not the EE event page bits.
Thanks for looking at this for me.
Faith
|
|
Tony
|
May 31, 2017 at 6:08 am
You also have syntax errors in that location, which again is the problem.
@media only screen and (max-width: 640px) { does not have a closing parenthesis.
If you are adding the code directly to Divi I’d recommend using a decent editor before using the code such as SubLime Text to help highlight these issues easily.
|
|
FaithT
|
May 31, 2017 at 6:18 am
Sorry – I just copied and pasted that bit over and missed the final parenthesis. I didn’t realise that mistakes higher up mean that things at the bottom of the CSS don’t work. Thank you so much for your good advice. Will use a code editor for sure from now on.
I see now that the single event page CSS snippet is working. And the register now button is styled too! Is this picking up the same CSS as that for the buttons on the events page? If yes, then something isn’t quite working – I think the button border, because I can see a strange shadowy bit of something around the register now button?
Really appreciate your help on this.
Do you have any thoughts on the sidebar issue?
|
|
Josh
|
May 31, 2017 at 9:59 am
The sidebar is added by the Divi theme and Event Espresso doesn’t control that, but you can hide the sidebar with some CSS or contact Elegant themes for support.
Example CSS for hiding Divi’s sidebars follow.
To hide Divi’s sidebars on all single posts:
.single .container:before,
.single #sidebar {
display: none;
}
.single #left-area {
width: 100%;
}
To hide Divi’s sidebars only on single Event Espresso posts:
.single-espresso_events .container:before,
.single-espresso_events #sidebar {
display: none;
}
.single-espresso_events #left-area {
width: 100%;
}
The shadow border on the Register now button happens because the button is actually an input, and you can remove border with:
.ticket-selector-submit-btn {border: none}
|
