Metro theme appearance (sides to thin and body to thick)

Community Forums Forums Design Tips and Tricks Metro theme appearance (sides to thin and body to thick)

This topic is: not resolved

Tagged: 

This topic contains 1 reply, has 2 voices, and was last updated by  AC 1 year, 3 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #49396

    johnbogs
    Participant
    Post count: 16

    Currently on the site it appears at 100% view (in chrome) as this
    http://forwardmotioncareers.com/wp-content/uploads/2013/07/XXX-100PERCENT. jpg

    You’ll notice that the image that appears on the edge is thin. You’ll also
    notice that the font and the body area is quite large.

    Now when I adjust the viewing screen to 75% I get this:

    http://forwardmotioncareers.com/wp-content/uploads/2013/07/XXX-75PERCENT.jpg

    More of the picture framing the body area and the body area is smaller, easier to read and more visually easy on the eye.

    How can I get the site to look like it looks in the 75% image when its
    actually being viewed at the 100% choice?

    I tried changing the with in the CSS from 2.25 to 1.25 but it still doesn’t do what I’m shooting for.

    I understand there’s a script that allows you to do this. Are you familiar with it?
    thanks

    #49438

    AC
    Blocked
    Post count: 7712

    Now, someone else could have an easier way than how I do it – but you could do this:

    Add that width below to your Wrap.

    [css]#wrap {
    clear: both;
    padding: 2.25rem;
    width: 960px;
    }[/css]

    Then change the 1080px in the Footer Widgets to 960px;

    [css].footer-widgets, #wrap {
    background-color: #FFFFFF;
    margin: 2rem auto;
    max-width: 1080px;
    overflow: hidden;
    }[/css]

    I tested it out on the Metro Demo and it looks fine.

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

You must be logged in to reply to this topic.