Support

Home Forums Event Espresso Premium Event Espresso Calendar Widget on the calendar page is not shown

Event Espresso Calendar Widget on the calendar page is not shown

Posted: July 25, 2019 at 7:34 am


danysoft

  • EE4 Personal License

July 25, 2019 at 7:34 am

Hi all.
I am using the “Event Espresso Calendar Widget” widget in the footer of the website. I need this widget to also display when I am on the calendar page since it would have a blank space in the footer.
How is this possible?
Greetings and thank you very much in advance.
https://www.danysoft.com/calendario/


Josh

  • Support Staff

July 25, 2019 at 8:04 am

Hi,

This is actually not possible. What you could do instead is use a plugin like this one:

https://wordpress.org/plugins/content-aware-sidebars/

and you can add in other content for that widget area on the calendar page.


danysoft

  • EE4 Personal License

July 25, 2019 at 8:22 am

Could you help me with the ccs of the upcoming events widget, so that it looks like the widget I have of the latest news?
https://desarrollo.ender.es/danysoft/wp-content/uploads/2019/07/InkedCaptura_LI.jpg


Josh

  • Support Staff

July 25, 2019 at 8:45 am

Hi,

Can you share a link to a page where you have the upcoming events widget active? The screenshot alone isn’t enough to figure out the CSS.


danysoft

  • EE4 Personal License

July 25, 2019 at 9:00 am

Yes of course. This is a development environment, if they need access they tell me why I can send them via.
many thanks.

https://desarrollo.ender.es/danysoft/


Josh

  • Support Staff

August 1, 2019 at 8:15 am

Thank you.

You may need to bump font-sizes down a bit, but the following CSS will get you started with that layout:

.ee-upcoming-events-widget-li {
display: grid;
}

.ee-upcoming-events-widget-title-h5 {
margin: 0;
grid-column: 2;
grid-row: 1;
}

.ee-upcoming-events-widget-img-dv {
height: 36px;
width: 36px;
grid-column: 1;
grid-row: 1;
}

.ee-event-datetimes-ul {
margin: 0 !important;
padding: 0 !important;
grid-column: 2;
grid-row: 2;
}

.ee-event-datetimes-ul.ee-clearfix .ee-event-datetimes-li {
width: 100%;
float: none;
}


danysoft

  • EE4 Personal License

August 5, 2019 at 9:50 am

Thank you very much for the code, it helped me a lot, I leave you an image of what I achieved
regards
https://desarrollo.ender.es/danysoft/wp-content/uploads/2019/08/Anotación-2019-08-05-175315.jpg
https://desarrollo.ender.es/danysoft/

You must be logged in to reply to this support post. Sign In or Register for an Account

Support forum for Event Espresso 3 and Event Espresso 4.
Documentation for EE3 and EE4
Documentation for Event Espresso 3

Documentation for Event Espresso 4

Status: publish

Updated by  danysoft 2 weeks, 1 day ago ago

Topic Tags

Tagged: 

Notifications

This topic is:
pending
Do NOT follow this link or you will be banned from the site!