Viewing 3 posts - 1 through 3 (of 3 total)
-
AuthorPosts
-
August 19, 2014 at 10:26 pm #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; } }
- This topic was modified 10 years, 4 months ago by goforyourdreams.
August 20, 2014 at 7:26 pm #307015Any ideas? Just making sure my question didn’t get overlooked as it’s already on page 6.
Thanks in advance for your help!
August 21, 2014 at 4:13 am #307133Hey!
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 -
AuthorPosts
Viewing 3 posts - 1 through 3 (of 3 total)
- You must be logged in to reply to this topic.