Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 14, 2015 at 2:57 pm #502779
    mediax2014

    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.

    September 14, 2015 at 3:00 pm #502783
    Yigit

    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

    Regards,
    Yigit

    September 14, 2015 at 6:11 pm #502961
    mediax2014

    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:

    http://dev6.mediax.co.za/informa-europe/

    Regards,
    MX

    September 14, 2015 at 7:02 pm #502983
    mediax2014

    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,
    Bert

  • Author
    Posts
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.