Image margins no longer align with text margins

  • Jason Smith

    (@jaon-smith)


    11 years ago

    I’m using a child theme of TwentyEleven. I had previously used the style sheet to remove the margins on the pages. I liked the way this looked, but I noticed that at some point the margins came back for the images, but not for the text. I’m baffled as to why this is. Does anyone know how to fix this?

    An Example: https://jasonsmitharch.com/work/pixel-studio/

    Thanks

Viewing 3 replies - 1 through 3 (of 3 total)
  • esmi

    (@esmi)

    Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    Thread Starter Jason Smith

    (@jaon-smith)

    I tried using firebug to inspect the images, and I can see in the html that they are displaying at a width of 700 instead being full width. However i cant see where this number is coming from in the CSS file. I’d really appreciate anyone willing to help me with this, I’m clearly missing something here

    What dimensions are your original images? Are you adding them into your post at Full size? or Medium? I see no obvious reason they would be affected by your content width of 970px.

    Just an observation in your theme HTML, and not something I have seen used before is the <center> HTML tag. Not a recommended method. It’s much better to allow CSS to style and present your site and keep the HTML structural.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image margins no longer align with text margins’ is closed to new replies.