CSS for background color behind featured images

  • Resolved wills173

    (@wills173)


    8 years, 10 months ago

    I used css snippets for background color on my site from this post, namely

    .round-div {
  border: 104px solid #FFFFFF;
}
body {
  background: none repeat scroll 0 0 #FFFFFF;
  color: #17202A;
  padding-bottom: 0;
}

    The “.round-div” code section worked to change the color behind the featured images on the homepage, but only on desktop. If I access the site on mobile, it still has a light grey box around the featured images. Does anyone know how to fix this? The site is eplreport.com.

    Thanks,
    Will

Viewing 6 replies - 1 through 6 (of 6 total)

  • Try:

    .widget-front .round-div {
    border: 94px solid #fff;
}

    Thread Starter wills173

    (@wills173)

    I had to make it more like 104px to get it to work, but it did change the grey to white. The only issue is that the circle is a little off center to the right. Do know of a way that I can move it a few pixels left?

    Hello,
    Try this CSS code.

    #yourcustomselector {
margin-right: 10px;
}

    Thanks.

    Thread Starter wills173

    (@wills173)

    That code didn’t seem to do anything

    Hello,
    Hope you are good.

    That code above is example code. #yourcustomselector needs to be filled in with your CSS style target. Such as a div or class.

    Hope this helped,
    Thanks.

    Thread Starter wills173

    (@wills173)

    Thanks for clearing that up. I have resolved the issue

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘CSS for background color behind featured images’ is closed to new replies.