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  anitac 9 months, 3 weeks 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

    anitac
    Participant
    Post count: 6515

    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.


    Let me help you customize your theme, responsive header, Buddypress, Agentpress or technical issue!
    Visit me here: Cre8tiveDiva.com | Tweet Me! | Plus Me!
    When asking for help, please provide a link or screen shot showing your problem!

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

You must be logged in to reply to this topic.