|
anotheropus
|
January 10, 2017 at 4:53 am
Hello,
On top of the Events page (and related pages), there is a huge blank, white gap below the page title, and before the event info.
EVENTS SCREENSHOT: http://screencast.com/t/VvAgRcR8
BTW The Events page has two HUGE gaps on top–makes me look bad to the client, like I cannot design pages to use space efficiently. I told them It’s in process, that it’s a design element we’ll fix after functional testing–but this is holding up the site launch and a client PAYMENT to me!!!!!!!!!!!!!!
EDIT VENUE SCREENSHOT: http://screencast.com/t/EV0cqrh2
This is my first time using Event Espresso, and I’m developing a site for an important client. This massive top of the page gap makes me look “less than professional.”
PLEASE help me get rid of this huge gap eyesore on the site.
Also, on the Event and Venue editor screens, inside the Text and Visual editor box, there is a huge gap above the content I add. Is there something wrong with this Event Espresso install? I do NOT have this top of the editor gap on posts or page editor screens.
Thank you for the help getting the front end pages cleaned up so I can get paid by my client!
Chris
|
|
Tony
|
January 10, 2017 at 7:58 am
Hi there,
The front end output is almost completely controlled by your theme not Event Espresso, so those 2 huge gaps are from the themes CSS, I saw in your last thread that your using Theme X renew stack so set that up locally to confirm.
The first Gap is caused by some CSS within Theme X that incorrectly assumes that article.hentry will always be the first item on the page.
It has .hentry{margin-top:90px}.hentry:first-child{margin-top:0}
So add margins to all elements, then attempts to remove the margin from the first element IF its is the first-child of the parent (with EE it is not)
To work around this you can use:
.post-type-archive-espresso_events article.hentry,
.post-type-archive-espresso_venues article.hentry,
.single-espresso_events article.hentry,
.single-espresso_venues article.hentry {
margin-top: 0px;
}
.post-type-archive-espresso_events article.hentry + article.hentry,
.post-type-archive-espresso_venues article.hentry + article.hentry {
margin-top: 90px;
}
We’ve seen this before with another theme using the same rule and one of our developers posted some details here:
https://eventespresso.com/topic/ee4-expands-top-margin-of-page/#post-135658
The ticket selector button (in your case view details) is intentionally floated right, you can override that using:
.ticket-selector-submit-btn {
float: none;
}
The gap in the editors is completely unrelated to the front end but I don’t have the same problem on my test site so I can’t see what the issue is there currently, it could be a plugin conflict.
|
|
anotheropus
|
January 19, 2017 at 9:30 am
Tony,
Thank you. I fell out of my chair reading all of this great support!
I’ll dive into this.
The reason I brought this issue up here is because I never saw the editor gap until I edited EE posts.
Thank you,
Chris
|
|
Tony
|
January 19, 2017 at 11:56 am
You’re most welcome, Chris.
|
