Support

Home Forums Event Espresso Premium Homepage slider image conflicts with menu items when EE plugin activated

Homepage slider image conflicts with menu items when EE plugin activated

Posted: March 2, 2014 at 10:28 pm


Carrie Olsen

March 2, 2014 at 10:28 pm

WP version 3.8.1
Event Espresso 4.1.8
Recently upgraded – I had tested the free version 3 on my site before purchasing
link to registration page: http://derekandcarrie.com/event-registration/

When Event Espresso 4 is activated, the menu items for my theme interfere with my slider image on my homepage. Everything else seems to be fine, but on the homepage, there is some kind of interference. Please let me know what ideas you have.

Thanks.


Carrie Olsen

March 2, 2014 at 10:37 pm

I am deactivating the plugin so that our homepage isn’t distorted while I wait for a response. Thanks.


Carrie Olsen

March 2, 2014 at 10:53 pm

Also, I recently updated to PHP version 5.3, but my site does not seem to be picking up the update yet.


Dean

March 3, 2014 at 4:57 am

Hi,

Is it possible to re-enable the plugin? It’s hard to troubleshoot the issue without seeing the issue first hand.


Carrie Olsen

March 3, 2014 at 6:31 am

The plugin has been activated. Please let me know when you’re done troubleshooting since the plugin distorts the homepage currently.

Thanks.


Tony

  • Support Staff

March 3, 2014 at 7:04 am

Hi Carrie,

I took a look at this and it is actually a setting from the sites theme causing it. I’m unsure why this only becomes evident whilst EE4 is activated currently.

But looking at the site using Chrome Dev Tools we can see this http://take.ms/xcswi

This CSS is causing it

.clear {
clear: none!important;
}

If we disable that rule the image displays correctly. http://take.ms/ApnyA

An element with class ‘clear’ is generally set to clear the element both sides, using something like

clear: both;

It does not seem correct to use the current rule and causes more issues as it is set using !important so can not be easily overridden.

So depending on why that rule has been set you could just remove it from the sites theme in data/css/base.min.css.

Or you could override the rule, however, due to the current rule using ‘!important’ we are starting to get into ‘specificity wars’ between the rule-sets so I would recommend against doing so.

Placing something like this into a plugin such as My Custom CSS should override the theme.

#banners.clear {
clear: both!important;
}


Carrie Olsen

March 3, 2014 at 11:04 am

Thank you. I have disabled the rule. I checked with the theme’s author, and he said that disabling the rule shouldn’t have a significant effect. However, he did say that unique class names in the Event Espresso plugin should help to prevent the problem.


Dean

March 4, 2014 at 12:24 am

Hi Carrie,

Thanks for the feedback and glad you got it fixed!

The support post ‘Homepage slider image conflicts with menu items when EE plugin activated’ 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