Support

Home Forums Event Espresso Premium Grid styling seems to be broken

Grid styling seems to be broken

Posted: March 3, 2015 at 8:47 am


Ashly Curry

March 3, 2015 at 8:47 am

I purchesed the grid template for EE4 but the styling seems to be broken, I checked and the WP footer is working. Here is a link to the page http://www.bridgewaybh.com/event-template-test


Tony

  • Support Staff

March 3, 2015 at 9:05 am

Hi Ashly,

If you edit that page and switch the editor to text mode, is the shortcode wrapped within any tags? A Span for example?


Ashly Curry

March 3, 2015 at 9:07 am

No just the shortcode appears


Tony

  • Support Staff

March 3, 2015 at 9:16 am

I had assumed the issue was the blank spacing on the left, but looking through the source code and at your other pages I can see this is your sidebar.

Is the issue when hovering over the event the large spacing between the lines of text? – http://take.ms/FEIT1


Ashly Curry

March 3, 2015 at 9:18 am

yes the issue is the large spacing when hovering


Tony

  • Support Staff

March 3, 2015 at 9:43 am

Oh, so that is being caused by 2 sets of CSS rules.

Some CSS that’s been added to the output of the page (line 99), and bootstrap.css

h2, .content .entry-title a {
font-family: 'Tahoma';
font-size: 24px;
line-height: 40px;
color: #000000;
font-weight: normal;
}

It is the line-height: 40px; rule that is causing that.

We can override that specifically for the EE grid view using:

.espresso-grid h2 {
line-height: initial;
}

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


Ashly Curry

March 3, 2015 at 9:57 am

That worked!!! GREAT SUPPORT!!!!!!


Tony

  • Support Staff

March 3, 2015 at 10:15 am

Glad I could help 🙂

The support post ‘Grid styling seems to be broken’ 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