Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #378594

    Is it possible to use the boxed layout on one page and the stretched on another?

    Perhaps there is a specific template for each of them that might be used?

    Or do I need to edit the template?

    Thanks!

    #378770

    Hey CharlieTh!

    Please set layout to boxed and then try adding following code to Quick CSS

    .boxed#top.page-id-59 {
    width: 100%;
    max-width: 100%;
    }

    You can right click on Chrome or Firefox to inspect elements to find page ID’s http://i.imgur.com/HyPTCRg.jpg

    Best regards,
    Yigit

    #378908

    Yes, it worked, but…

    I used for the page-id, as you suggested AND for .boxed#top.term-173{…} — both worked for everything but top header and menu, which moved to left, but remained boxed.

    (For anyone searching for this answer, I found I needed !important in the CSS to make it work for me.)

    Is there an additional “bit of magic” I need to make those two items span the entire page — to make boxed into stretched?

    Thanks…Enfold is great!

    • This reply was modified 9 years, 1 month ago by CharlieTh.
    #378915

    Hey!

    Can you post the link to your page where we can see the issue please?

    Regards,
    Yigit

    #379079

    Originally, this site had a STRETCHED layour and I was going to use the BOXED layout on a few pages. Thought I might be able to just create a Template.

    To test your suggestion, I have changed to BOXED layout and thrown up a dotted body background, so you can easily see the changes.

    (I was testing on Localhost before…)

    Front page with boxed layout with the dots body background is here:
    http://www.eurobeautygroup.com/

    A boxed layour WooCommerce archive page with the dots body background is here:
    http://www.eurobeautygroup.com/collection/nutrimoor-dry-skin_cn/

    A boxed layour WooCommerce archive page overridden by your CSS is here.
    http://www.eurobeautygroup.com/collection/hydravive-moisturizing_cn/

    On the latter, No dots are visible…No body background
    The slider is full width and un-boxed.

    You will notice that the header part is left-justified and not full width.

    Since background is specified in Boxed, would presume going from Stretched to Boxed would be much more complex?

    Any ideas?

    Thanks for checking this out. Strange, I would have thought this would be a more common question.

    #380715

    I have the same problem: Top header and menu moved left:

    http://www.architekt-voit.de/

    css:
    .boxed#top.home {
    max-width: 100%!important;
    width: 100%!important;
    }

    Any ideea ?

    #380812

    Hi!

    Please add following code to Quick CSS as well

    .responsive .boxed#top.term-173, .responsive.html_boxed.html_header_sticky .term-173 #header {
    width: 100%;
    max-width: 100%;
    }

    and @carvo please add following code to Quick CSS

    .responsive .boxed#top.home, .responsive.html_boxed.html_header_sticky .home #header {
    width: 100%;
    max-width: 100%;
    }

    Cheers!
    Yigit

    #380829

    jo … thx .. it worxs fine!

    #380833

    Hi!

    Great! We will keep the thread open for the OP. If you have any other questions or issues, please feel free to start a new topic. Have a nice weekend!

    Regards,
    Yigit

    #391423

    Apologize for not answering sooner. It works to perfection!

    At first it didn’t, but then realized that although I had cleared my browser cache, I hadn’t cleared out my Total Cache.

    Then, it worked perfectly.

    Thank you so much. It was the solution, which I couldn’t have figured out on my own.

    #391428

    Hey!

    You are welcome, glad we could help :) Let us know if you have any other questions or issues

    Best regards,
    Yigit

Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Page – Boxed on one, Stretched on Another?’ is closed to new replies.