Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #306548

    I have changed the width of the boxed layout to 960px by using the code I found here on this forum (see below). However, the right margin is missing – the text runs into the right side of the box. How do I fix the right margin? Thanks in advance for your help!

    /* #Desktop - Large
    ================================================== */@media only screen and (min-width: 1140px) {
      .responsive .boxed#top {
        width: 960px;
      }
      .responsive .container {
        width: 860px;
      }
      .responsive .container .one.unit,
      .responsive .container .one.units {
        width: 20px;
      }
      .responsive .container .two.units {
        width: 30px;
      }
      .responsive .container .three.units {
        width: 120px;
      }
      .responsive .container .four.units {
        width: 210px;
      }
      .responsive .container .five.units {
        width: 300px;
      }
      .responsive .container .six.units {
        width: 390px;
      }
      .responsive .container .seven.units {
        width: 480px;
      }
      .responsive .container .eight.units {
        width: 570px;
      }
      .responsive .container .nine.units {
        width: 660px;
      }
      .responsive .container .ten.units {
        width: 750px;
      }
      .responsive .container .eleven.units {
        width: 840px;
      }
      .responsive .container .twelve.units {
        width: 930px;
      }
      .responsive #top.boxed .stretch_full {
        width: 960px;
      }
      .responsive #top .offset-by-one {
        padding-left: 90px;
      }
      .responsive #top .offset-by-two {
        padding-left: 180px;
      }
      .responsive #top .offset-by-three {
        padding-left: 270px;
      }
      .responsive #top .offset-by-four {
        padding-left: 360px;
      }
      .responsive #top .offset-by-five {
        padding-left: 450px;
      }
      .responsive #top .offset-by-six {
        padding-left: 540px;
      }
      .responsive #top .offset-by-seven {
        padding-left: 630px;
      }
      .responsive #top .offset-by-eight {
        padding-left: 720px;
      }
      .responsive #top .offset-by-nine {
        padding-left: 810px;
      }
      .responsive #top .offset-by-ten {
        padding-left: 900px;
      }
      .responsive #top .offset-by-eleven {
        padding-left: 990px;
      }
    }
    #307015

    Any ideas? Just making sure my question didn’t get overlooked as it’s already on page 6.

    Thanks in advance for your help!

    #307133

    Hey!

    Thank you for using Enfold and sorry for the delay.

    You also need to change the width of the units. For example, look for this line of code:

    .responsive .container .twelve.units {
        width: 930px;
      }

    Adjust the width to 860px or something, not to mention the width for different screen sizes. This will require a lot of width adjustments which, unfortunately, we can’t help you with.

    Best regards,
    Ismael

Viewing 3 posts - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.