Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • June 27, 2014 at 12:55 am #284349
    arnijon

    Dear Support

    I’ve been looking for a solution for this problem for a while now but I haven’t found the solution on the forums yet. I got my site running Enfold boxed layout only I don’t like the width of the page with the default boxed layout settings so I was wondering if you could send me a CSS code which increases the page width to 1440px. I’m acutally aiming for the width of this site, kriesi.at and I think it’s 1440x, correct me if I’m wrong. I think I should also change the width of the content but I was hoping you would have the answer to that aswell.

    I can provide you with more information if it requires.

    Thanks in advance,
    Arni

    June 27, 2014 at 3:27 am #284364
    Ismael

    Hi arnijon!

    Thank you for visiting the support forum!

    Please edit css > grid.css then look for all instances of the .responsive .boxed#top selector. They are usually inside a media query. Copy the media query structure to the Quick CSS field or custom.css file:

    @media only screen and (min-width: 1140px) {
.responsive .boxed#top {
width: 1440px;
}
}

    After that, you have to increase the width of the grid units in accordance to the .boxed container width.

    Cheers!
    Ismael

    June 27, 2014 at 2:48 pm #284577
    arnijon

    What about the content width? The header isn’t in line with the page, the header it’s not as wide. So do you have some css code for that as well?

    • This reply was modified 9 years, 9 months ago by arnijon.
    June 27, 2014 at 3:06 pm #284585
    arnijon

    When I tried fixing this in the grid.css I came across a problem with the content being aligned left and I couldn’t fix that. So if you could consider that as well.

    The perfect setup for me would be the max width 1440px and the content should be centered and be 88% of the width. Hopefully I’m making myself clear here.

    Cheers,
    Arni

    June 28, 2014 at 11:37 am #284828
    Dude

    Hi!

    Re-sizing the content container itself is not easily possible and would require quite a lot of work (adjustments to the column/grid widths, some shortcode styling changes, etc.). This customization needs to be done by a freelancer and is beyond the scope of our support forum. If you just want to add a padding on the left/right side you can extend the width of the surrounding container and add a padding to it – i.e. like:

    
.responsive .boxed#top {
width: 1440x;
padding: 0 155px;
}

    and you can also apply a background color to it:

    
.responsive .boxed#top {
background: #fff;
}

    Best regards,
    Peter

    December 22, 2017 at 2:06 pm #891579
    davidmartinserrano

    Hello there!
    I wanted to make a question in this post: Different size boxed layout desktop // But it was already closed
    I followed the instructions from Ismael https://kriesi.at/support/topic/different-size-boxed-layout-desktop/ ,, and changed the grid css and so on…

    The point is that i love how i see my page on my laptop http://globalsatcafe.es … but, since i have the boxed layout, I have been trying in 22′ monitors (large ones) and the boxed margins are huge…Is there any solution for this?

    Thanks in advance,
    Merry Christmas!

    December 24, 2017 at 5:21 pm #891949
    davidmartinserrano

    Hello Again,
    It seems its already solved with Ismael´s code
    Thanks!

    December 26, 2017 at 5:27 am #892018
    Nikko

    Hi,

    Glad to hear that! Let us know if you need further assistance :)

    Merry Christmas! :)

    Best regards,
    Nikko

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