Setting text width in eleven40pro

Community Forums Forums Design Tips and Tricks Setting text width in eleven40pro

This topic is: resolved

This topic contains 1 reply, has 2 voices, and was last updated by  Susan 9 months, 2 weeks ago.

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

    Petert
    Participant
    Post count: 15

    Hi

    I’m currently using the code below in my eleven40 style.css file to reduce the width of text on pages that by default are set at 100%. Could someone tell me how would this would be written for HTML5 in the eleven40pro style.css?

    #container
    {
    width:100%;
    }

    #centered
    {
    width:60%;
    margin:0 auto;
    }

    #container-quote
    {
    width:100%;
    }

    #centered-quote
    {
    width:75%;
    margin:0 auto;
    }

    .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    }

    .video-container iframe,
    .video-container object,
    .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    }

    @media only screen and (max-width: 800px) {

    #container
    {
    width:100%;
    }

    #centered
    {
    width:100%;
    margin:0 auto;
    }

    #container-quote
    {
    width:100%;
    }

    #centered-quote
    {
    width:100%;
    margin:0 auto;
    }
    }

    #73705

    Susan
    Moderator
    Post count: 8742

    Closing this thread, because it’s been marked as resolved.


    Susan @ Graphically Designing I’d love to customize your website! I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

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

The topic ‘Setting text width in eleven40pro’ is closed to new replies.