Support

Home Forums Event Espresso Premium EE4 Event page alignment issue

EE4 Event page alignment issue

Posted: June 6, 2017 at 10:45 pm

Viewing 6 reply threads


Elizabeth

June 6, 2017 at 10:45 pm

https://www.masterpiecemixers.com/events/masterpiece-mondays-sunset-cove-5/

See how the date info is in the paragraph?

Also, how can you make it full width?

Thanks


Tony

  • Support Staff

June 7, 2017 at 3:30 am

Hi Doarian,

Currently, I just get a whitescreen when loading your site which normally means a fatal error is being thrown.

Can you either enable WP_DEBUG or look within the servers error logs to see what the error is?


Elizabeth

June 7, 2017 at 7:00 am

Comes up fine for me


Elizabeth

June 7, 2017 at 7:28 am

When I put in DEBUG I got this:
Strict Standards: Declaration of wpgc_paypal::check_options() should be compatible with wpgc_module::check_options($_errors, $_moduleid) in /home/masterpi/public_html/wp-content/plugins/wpgc-paypal/wpgc-paypal.php on line 14

Warning: Cannot modify header information – headers already sent by (output started at /home/masterpi/public_html/wp-content/plugins/wpgc-paypal/wpgc-paypal.php:14) in /home/masterpi/public_html/wp-content/plugins/event-espresso-core-reg/core/EE_Front_Controller.core.php on line 103

Warning: session_start(): Cannot send session cache limiter – headers already sent (output started at /home/masterpi/public_html/wp-content/plugins/wpgc-paypal/wpgc-paypal.php:14) in /home/masterpi/public_html/wp-content/plugins/event-espresso-core-reg/core/EE_Session.core.php on line 473

Warning: Cannot modify header information – headers already sent by (output started at /home/masterpi/public_html/wp-content/plugins/wpgc-paypal/wpgc-paypal.php:14) in /home/masterpi/public_html/wp-includes/pluggable.php on line 1195


Josh

  • Support Staff

June 7, 2017 at 8:15 am

Hi Dorian,

When you set a float: right to an element without clearing the float you will create page alignment issues like what you have there right now. You can fix this by removing the float: right; from your custom stylesheet where you added:

div.event-datetimes {
    width: 48%;
    float: right; 
}

You can replace with something like:

.event-datetimes {
  margin-left:70%;
}

How to Make Divi Event Posts Full-Width

You add the following CSS to your custom CSS panel:

.single-espresso_events .container:before {
display: none !important;
}
.single-espresso_events #left-area {
width: 100% !important;
}
.single-espresso_events #sidebar {
display: none;
}


Elizabeth

June 7, 2017 at 8:21 am

Thanks….so you could see the calendar? Tony said he saw a white screen.

I see what happened…it was old custom CSS code from EE3. Sorry about that.


Josh

  • Support Staff

June 7, 2017 at 8:49 am

I could see the page. Something on your server might be blocking Tony’s IP address.

Viewing 6 reply threads

The support post ‘EE4 Event page alignment issue’ 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.

Event Espresso