Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #502779

    Hi Support,

    Kindly would someone assist me with this. I am adding a team member image in a grid-row and am getting an extra padding around the first element image in the row. The other three images are perfectly fine, only the first image is getting the extra padding.

    See here: http://dev6.mediax.co.za/ Down the page – Under Meet the team

    Also please see dropbox images, link is below.


    Hi mediax2014!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    img.avia_image.avia_image_team {
        width: 100%;

    That would increase the height of your image as well. Please make sure to upload all of your team member images proportionally



    Hi Yigit,

    Thank you for the response. I added the css, and it did increase the size of the image, but the effect is very odd since it only affects the first block in grid-row, hence now the image is larger than the rest of them. For some reason the first grid-row block is wider than the rest. Also see this page:




    Hi yigit,

    I commented out this line from shortcode.css and it fixed the problem for now:

    /*.av-border-cells .flex_cell:first-child{border:none;}*/ line 4173.

    Best wishes,

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Added Padding around team member image in grid-row’ is closed to new replies.