Image obscuring test. Help!

  • david.amor

    (@davidamor)


    7 years ago

    Can anyone tell me why the images on this page are obscuring the text slightly? Scroll down to ‘table tennis club’ and you’ll see that the top of the image obscures the text.

    I’m using a unmodified version of the Twenty Seventeen, aside from this bit of CSS.

    /* makes full width pages */
#primary .entry-content {
  width: 100% !important;
}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Michael

    (@alchymyth)

    you ended up in the forum for Twenty Twelve
    – please ask your questions for Twenty Seventeen in https://www.ads-software.com/support/theme/twentyseventeen

    your issue seems to be caused by a box shadow, done via this style in style.css of your theme:

    /* Fixes linked images */
.entry-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

    to remove it, add this for example via ‘Additional CSS’:

    .entry-content a img
{
  box-shadow: none;
}
    Thread Starter david.amor

    (@davidamor)

    Michael! Somehow this slipped me by.

    Apologies for posting in the wrong forum. I still had my head in my old theme.

    Your fix worked like a charm. Thank you.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image obscuring test. Help!’ is closed to new replies.