Grid Photos issue - Wrong size, missing or Wrong CSS code?

Hey guys,

For some reason the code that you provided for the grid photos is not working. The image that we have seems to be tiny and is not interacting as the demo displays. Here is the code:

<a class="gk-avatar" href="[pageurl]/profile_url" style="background-image: url('[pageurl]/wp-content/uploads/avatars/your_image.jpg');">
<span><em>Gary Hall</em></span>
</a>

Attached is a snapshot. Please advise, thanks.

Hi,

Please check the widgets documentation again. You put this contentt text widget and it's ok, but these text widgets are configured as a source for the GK Grid widget, that's why it dosen't work properly. You have to configure GK Grid.

Hi,

Please check the widgets documentation again. You put this contentt text widget and it's ok, but these text widgets are configured as a source for the GK Grid widget, that's why it dosen't work properly. You have to configure GK Grid.

Figured out the issue. Seemed to be each image required a separate 'html/text" widget. Also, didn't realize in order to center widget content, you have to set "width" in the widget rules of the widget. Thank you Piotr!