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


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

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


    Currently on the site it appears at 100% view (in chrome) as this 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:

    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?



    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.

    #wrap {
        clear: both;
        padding: 2.25rem;
        width: 960px;

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

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

    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.