Support

August 18, 2016 at 6:31 am

How do you get the grid view to look like the sample you guys have?

Are you adding the shortcode to a page (preferred) or through a template using do_shortcode()?

I can see your loading the .css file through uploads, where is the JS file located (its not loading which is why the output looks different)

[ESPRESSO_GRID_TEMPLATE] it looks normal… When you use [ESPRESSO_GRID_TEMPLATE limit=15] it messes it all up.

What messes up? Whats the difference between the output?

Also, how can you resize the images to fit more across the row?

You can do that using CSS:

.espresso-grid .ee_grid_box img {
    width: 150px;
    height: 150px;
}

You’ll need to alter the size of the text to fit, for example:

.espresso-grid .ee_grid_box a.darken span h2 {
    font-size: 70%;
}

On a computer screen the image sizes keep the square shape. When you go to a table or phone, the image proportion goes back to their normal dimensions and the layout gets messed up.

There are styles loading on your site that are overriding the styles set by the gird template at certain sizes – http://take.ms/m99Wy

There’s a couple of options to fix this, one is to add !important to the size you set the height of the grid images to.