Home › Forums › Arnold WordPress Theme › White line between images
- This topic has 5 replies, 2 voices, and was last updated 8 years, 9 months ago by
SeaTheme.
-
AuthorPosts
-
August 25, 2017 at 4:27 am #13413
Hello,
Checked my website today and noticed a white line appearing between images, even with image spacing setted as no spacing.Please, check the screenshots below. I am using Chrome, Mac OS X El Captain, on a 23″ monitor and a 13″ Macbook retina. I’m using version 1.5.1 of Arnold.
23″ monitor:
13″ Macbook retina:
You can check it directly here: http://brandigno.com.br/sparko/
It’s also happening on every “gallery post” of my website.Thank you in advance.
August 25, 2017 at 2:53 pm #13415Hi,
Plz try to use the custom css:.postid-2051 .list-layout .list-layout-col:nth-child(5) .ux-lazyload-wrap, .postid-2051 .list-layout .list-layout-col:nth-child(6) .ux-lazyload-wrap { background-color:#272727; }Regards!
August 29, 2017 at 7:19 pm #13424Hello,
I used the custom CSS but it didn’t work. You can take a look:
http://brandigno.com.br/sparko/August 30, 2017 at 1:26 am #13425Please update the css:
.postid-2051 .list-layout .list-layout-col:nth-child(5) .ux-lazyload-wrap, .postid-2051 .list-layout .list-layout-col:nth-child(6) .ux-lazyload-wrap { background-color:#272727; padding-top: 57%!important; } .postid-2051 .list-layout .list-layout-col:nth-child(3) .ux-lazyload-wrap { background-color:#000; }======
If still doesn’t work:
– please paste a screenshot again.
– send your wp-admin(url/user/pass) via
my profile contact formSeptember 1, 2017 at 8:21 pm #13435Hello,
Didn’t work again.
Take a look:
(this happens on 13″ Retina and on 23″monitor)
(this only happens on 13″ Retina)
(this white line on the black cap image also happens only on 13″Retina)This is the live version: http://brandigno.com.br/sparko/
Ok, I’m sending you a private message. Thank you.
September 5, 2017 at 2:35 am #13445Please update the css as:
.list-layout[data-gap="0"] .single-image { overflow: hidden; } .list-layout[data-gap="0"] .ux-lazyload-img { position: absolute; left: -1px; top: -1px; right: -1px; bottom: -1px; max-width: calc(100% + 2px); width: calc(100% + 2px)!important; height: calc(100% + 2px)!important; } .list-layout[data-gap="0"] .ux-lazyload-wrap { background-color: transparent; } -
AuthorPosts
- You must be logged in to reply to this topic.
