[Theme: Ink] Problem with borders around images in safari

  • Resolved Kristof Devos

    (@kristofdevos)


    9 years, 2 months ago

    Hi,

    I customized my Ink-theme quite heavily but have a problem with the white borders around my images in Safari. This is the website.

    They look ok in Chrome: http://cl.ly/image/242u0F0C0H3N
    But like this in Safari on some screen sizes: http://cl.ly/image/1o3t2Y151T02

    The css I used is this:

    /* Post grid */
.related-posts,
.stag_widget_recent_posts_grid,
.archive #main,
.blog #main {
	border: 5px solid #fff;
	opacity: 1;
}

.post-grid .post-cover {
	border: 5px solid #fff;
	opacity: 1;
}

    Any ideas on how to fix this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Christi Nickerson

    (@christini)

    9 years, 2 months ago

    Hi Kristof,

    There seem to be some styles inserted on the page, and the one in particular that is causing that black line is:

    .post-1493 { background-color: #000000 !important; }

    Overriding that may be a bit of a challenge because it is embedded directly on the page, but give this a try:

    .recent-posts-grid article .post {background-color: #ffffff !important;}

    Hope this helps!

    Christi

    Thread Starter Kristof Devos

    (@kristofdevos)

    9 years, 2 months ago

    Hi Christi,

    Thanks a million for putting me on the right track, looked over that background!

    This did the trick:

    .related-posts .post-grid,
.stag_widget_recent_posts_grid .post-grid,
.archive .post-grid,
.blog .post-grid {
	background-color: #fff !important;
}
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘[Theme: Ink] Problem with borders around images in safari’ is closed to new replies.

Tags