Tagged: ,

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #284349

    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

    #284364

    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

    #284577

    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, 12 months ago by arnijon.
    #284585

    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

    #284828

    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

    #891579

    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!

    #891949

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

    #892018

    Hi,

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

    Merry Christmas! :)

    Best regards,
    Nikko

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