Space appears above pictures in grid

Professional Joomla social template with metro design and JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Wed Dec 18, 2013 2:23 am
Reply with quote
Report this post
I modified the grid then inserted pics into each grid I am using a custom html module with this html code

<h3 class="gkCentered"><img src="images/pics/signage.jpg" alt="signage" /></h3>

When I view the grid a space appears above each picture in the grid. See attachment.

How do I remove this space.
User avatar
Fresh Boarder

GK User
Wed Dec 18, 2013 8:32 am
Reply with quote
Report this post
Could You please post an url to your site where this problem occurs?
User avatar
Moderator

GK User
Wed Dec 18, 2013 2:20 pm
Reply with quote
Report this post
I pm you the url of the site. Thanks
User avatar
Fresh Boarder

GK User
Wed Dec 18, 2013 4:11 pm
Reply with quote
Report this post
Its probably because you have used tinyMCE to edit the grid custom html modules and it alternated your code.
Please for the start - disable tinyMCE in configuration of Joomla (change editor to "No editor"), then remove all unnecesarry html code from those modules (seems like h3 is messing things out).
User avatar
Moderator

GK User
Thu Dec 19, 2013 8:07 am
Reply with quote
Report this post
I removed the h3 but there appears a space around the entire pic. This is what appears now in the custom html

<p><a img src="images/pics/Telephony2.jpg" alt="Business Telephony" /></a></p>
User avatar
Fresh Boarder

GK User
Fri Dec 27, 2013 1:41 pm
Reply with quote
Report this post
For the panoramic image of people watching monitor screen and image of antenas - please remove module suffix: gkText to remove padding above and on the sides of the image.
User avatar
Moderator


cron