Tagged: , ,

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • September 26, 2016 at 6:02 pm #691851
    pinkabbestia

    Hi,
    I have a strange 1px white border that appear between the images of the portfolio grid module.
    How can I hide this border?
    Thanks
    Rosa

    September 26, 2016 at 6:49 pm #691867
    Basilis

    Hi pinkabbestia!

    Can you please – with a screenshot – show us exactly which are you mean to, because it is hard for us to understand it?
    I loaded with firefox your web site and could not notice

    Best regards,
    Basilis

    September 26, 2016 at 6:50 pm #691869
    Yigit

    Hi Rosa!

    I checked your page however i cannot see white borders. Can you please post a screenshot and show it? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here.
    Also, which browser and OS are you using?

    Best regards,
    Yigit

    September 27, 2016 at 11:27 am #692127
    pinkabbestia

    Hi Yigit and Basilis.

    I’m using OSX EL Capitain
    This is a screenshot with Chrome, and the 1px white line is on the bottom of the portfolio grid.

    With firefox no borders are visibile, so is ok.

    Whith Safari the he 1px white line is on the top of the portfolio grid.

    Is very strange when you resize the browser window, sometimes the white lines disappear and sometimes appear.
    Thank you,
    Rosa

    September 27, 2016 at 11:29 am #692129
    pinkabbestia

    Another problem is with a portfolio grid module that I added with 3 colums.
    A strage white space appears after the third image, as you can see in this screenshot
    http://www.pinkatmosphere.com/wp-content/uploads/2016/09/3-columns-portfolio-grid.png
    The images are all with the same size.
    Thanks,
    Rosa

    September 28, 2016 at 3:52 pm #692765
    Yigit

    Hi,

    Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:

    .avia-chrome .avia-fullwidth-portfolio .grid-entry .inner-entry {
    margin: -1px;
}

    I can only see the second issue however this might help with both.

    Best regards,
    Yigit

    October 5, 2016 at 1:15 pm #695449
    pinkabbestia

    Hi Yigit,
    how are you? Hope fine.
    With your suggestion now the 1px border disappear.
    But still remain the problem with the 3 columns and the strange WHITE SPACE on the right of the third column.
    Thanks,
    Rosa

    October 6, 2016 at 2:28 pm #696042
    pinkabbestia

    is there anyone?

    October 6, 2016 at 2:38 pm #696045
    Yigit

    Hi Rosa!

    I am fine, thanks. Hope you are too!
    I still cannot see that issue on my end :/

    Cheers!
    Yigit

    October 6, 2016 at 5:41 pm #696120
    pinkabbestia

    Hi Yigit,
    the problem is with iOS and Chrome.
    When I use 3 columns portfolio gallery, I found strange white pixels at the end of the third column.
    http://www.pinkatmosphere.com/wp-content/uploads/2016/09/3-columns-portfolio-grid.png

    October 8, 2016 at 6:06 am #696805
    Ismael

    Hi!

    I’m sorry but I can’t reproduce the issue on my end either. Please try to increase the width of the column slightly. 

    #top .no_margin.av_one_third {
    width: 33.35%;
}

    Adjust the values as necessary.

    Best regards,
    Ismael

    October 20, 2016 at 2:55 pm #701878
    pinkabbestia

    Hi Ismael,
    I changed the value of your css with ” width: 33.33%” and it works.
    Thank you!

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The topic ‘1px border between images – portfolio grid’ is closed to new replies.