Tagged: , ,

Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 13, 2015 at 12:58 am #378594
    CharlieTh

    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!

    January 13, 2015 at 2:17 pm #378770
    Yigit

    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

    January 13, 2015 at 4:55 pm #378908
    CharlieTh

    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, 11 months ago by CharlieTh.
    January 13, 2015 at 5:06 pm #378915
    Yigit

    Hey!

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

    Regards,
    Yigit

    January 13, 2015 at 7:56 pm #379079
    CharlieTh

    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.

    January 16, 2015 at 12:13 pm #380715
    carvo

    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 ?

    January 16, 2015 at 4:15 pm #380812
    Yigit

    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

    January 16, 2015 at 4:35 pm #380829
    carvo

    jo … thx .. it worxs fine!

    January 16, 2015 at 4:38 pm #380833
    Yigit

    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

    February 5, 2015 at 4:37 pm #391423
    CharlieTh

    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.

    February 5, 2015 at 4:44 pm #391428
    Yigit

    Hey!

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

    Best regards,
    Yigit

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