-
AuthorPosts
-
January 13, 2015 at 12:58 am #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!
January 13, 2015 at 2:17 pm #378770Hey 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,
YigitJanuary 13, 2015 at 4:55 pm #378908Yes, 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, 10 months ago by CharlieTh.
January 13, 2015 at 5:06 pm #378915Hey!
Can you post the link to your page where we can see the issue please?
Regards,
YigitJanuary 13, 2015 at 7:56 pm #379079Originally, 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 #380715I have the same problem: Top header and menu moved left:
css:
.boxed#top.home {
max-width: 100%!important;
width: 100%!important;
}Any ideea ?
January 16, 2015 at 4:15 pm #380812Hi!
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!
YigitJanuary 16, 2015 at 4:35 pm #380829jo … thx .. it worxs fine!
January 16, 2015 at 4:38 pm #380833Hi!
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,
YigitFebruary 5, 2015 at 4:37 pm #391423Apologize 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 -
AuthorPosts
- The topic ‘Page – Boxed on one, Stretched on Another?’ is closed to new replies.