How to "fix" image alignment?

  • Posted in : Readme
  • khristoff
    Participant

    How to properly align (to the right or left) the images within the layout when the screen resolution is larger than 1024 pixels? On blog, single post. It may be normal, but it looks ugly :(

    Examples:

    1024×768, the photo inside the layout, it’s ok for me: http://cl.ly/image/3E351H2o2z2Y

    On MBP fullscreen, the photo outside the layout: http://cl.ly/image/3y0Y1o1V0A0u

    On a iMac, the photo outside the layout: http://cl.ly/image/2v0Y3z2l0o2A

    ahmetsali
    Keymaster

    Hi, try this custom css code;

    @media screen and (min-width: 1200px) { 
    	.content-area:not(.with-sidebar) .alignright, .content-area:not(.with-sidebar) .wp-caption.alignright {
    		margin-right: 0;
    		}
    	.content-area:not(.with-sidebar) .alignleft, .content-area:not(.with-sidebar) .wp-caption.alignleft {
    		margin-left: 0;
    		}	
    }
    
    khristoff
    Participant

    Hey, thanks. It works :)

    ahmetsali
    Keymaster

    you’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register