Home Forums Event Espresso Premium Events Grid EE4 padding and opacity

Events Grid EE4 padding and opacity

Posted: October 9, 2014 at 5:42 am

Lambros Hitiris

October 9, 2014 at 5:42 am

Great plugin guys! really!
Two quick questions!

1) How can I change the padding at the marked area here? I want the images a bit more to the left to be aligned with the content:

2) How can I change the opacity of the onHover Darken area of the events grid to a greater value?

Thank you and keep it up!!


  • Support Staff

October 9, 2014 at 8:17 am

Hi Lambros,

1) Without seeing the page its hard to tell exactly what is causing the spacing, I think it is a margin setting rather than padding.

You could try adding:

.ee_grid_box a {
margin-left: 0;

Which will remove any left margin, if that doesn’t work can you link us to the page so we can view the code please?

2) You can add another custom style such as:

.ee_grid_box a.darken:hover img {
opacity: 0.1;

Just change the opacity value to something you prefer.

We recommend using either the My Custom CSS or Reaktiv CSS Builder plugins to add custom styles such as these.

Lambros Hitiris

October 9, 2014 at 3:07 pm

THX! it works! 🙂

Is there a way to show only expired events without creating a new “expired” category?

I want to create a section “Past Events”


October 10, 2014 at 12:56 am


Unfortunately not. The template uses the EVENT_LIST in the background and it is not possible to only show expired events.

The support post ‘Events Grid EE4 padding and opacity’ 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.

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: closed

Updated by  Dean 5 years, 4 months ago ago

Topic Tags

Tagged: , , ,


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