Support

Home Forums Custom Files Add-on (EE3) Grid View Hover Font & Spacing Off

Grid View Hover Font & Spacing Off

Posted: May 17, 2015 at 7:25 am

Viewing 2 reply threads


Carolina Epicurean Events

May 17, 2015 at 7:25 am

Hello,

I’m setting up the Grid View Add-on here: http://carolinaepicureanevents.com/location-registration/

On hover, the font is smaller than in your demo image and there is quite a bit of space between the lines, causing some verbiage to overflow off of the thumbnail.

Possible causes: Long event names, two ticket options for each event, plugin conflict?

My theme does have the footer.php file.

Help would be appreciated! Thank you, Laura


Carolina Epicurean Events

May 17, 2015 at 7:39 am

Just fixed the line spacing after reading another forum thread: https://eventespresso.com/topic/grid-styling-seems-to-be-broken/ (Thank you Tony Warwick!)

I’d like to increase font size if anyone has CSS that would work for Grid View.


Lorenzo Orlando Caum

  • Support Staff

May 27, 2015 at 2:45 pm

Hello,

You can inspect any element on a page using a free tool like Chrome Developer Tools (available with Google Chrome) or Firebug (available as a web browser extension).

This will show you the CSS that is handling the styling including the file and line number. Then you can add new styling to your child theme’s stylesheet or via a plugin that adds an additional stylesheet to your WordPress site such as My Custom CSS or Reaktiv CSS Builder.

Try this CSS:

.ee_grid_box span h2 b {
	font-size:16px;
}

Then refresh the page to see the changes.


Lorenzo

Viewing 2 reply threads

The support post ‘Grid View Hover Font & Spacing Off’ 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