Support » Theme: Espied » Project images not aligned in smaller browser window

  • At first my images weren’t showing up full size at all (despite being 1300px wide) and so I found this piece of code after digging through the forum :

    @media screen and (min-width: 93em) {
        img.size-big, .caption-big {
            width: 1272px;
        }
    }

    This works really well on fullscreen windows, but on smaller windows or smaller monitors altogether, the image is aligned to the left side of the page. Just make your browser window smaller and you’ll see what I mean. I want the image to be centered 🙂

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

Viewing 1 replies (of 1 total)
  • Hi there,

    Please try adding the CSS below to your site in Appearance > Customize > Additional CSS:

    @media (min-width:57em) and (max-width:93em) {
      img.size-big, .caption-big {
         margin-left: 0;
      }
    }
    

    If the CSS doesn’t have the desired effect, please let me know 🙂

Viewing 1 replies (of 1 total)
  • The topic ‘Project images not aligned in smaller browser window’ is closed to new replies.