ResolvedPages FULL width
Tagged: pages fullwidth
- This topic has 8 replies, 2 voices, and was last updated 2 years, 11 months ago by
Althemist.
- AuthorPosts
- September 27, 2020 at 10:02 am #26007
YiannosCy
ParticipantHi Dimitar,
I am opening a new ticket for this matter since i would like to give the proper attention to it. Its a major issue we i am facing at this point and I strongly believe that if I manage to achieve it, it will benefit greatly not only my online store but many other’s stores.
Now, pardon if this is a huge misunderstanding or incompetence or ignorance from my side. I only know what i know, so if i am missing something here OR if the theme cannot acheive what i want to achieve, then please be let me know!I will be as detailed as i can.
The website is http://www.yiassu.com.The whole site is set to have the pages at FULLWIDTH.
Yiassu Market > Browse All Products: This page is an example to show you that this is what i want to achieve for all the pages in the website!! A FULL width! And this page, which is created by the theme, achieve it by itself.
Similarly: The footer of the website is set to full width and it actually does what is says! A full width footer. Again, similarly to the footer, this is what we want to achieve also for all the pages, to be full width with the same right and left page gap!!
Home page: Now, how can I reduce the right and left gaps and make this page as much a full width as the above page? I’ve tried to edit the page columns and/or rows ‘margin’ (on the backend) via the page builder, at the design options, but it does not fix the issue. It moves the column only to the left side (not the left) and the header remains off-center.
Home > Yiassu Market > Categories: This is the worst page ever in the website. It has such a huge empty space on the right and left side. Again, i tried through the page builder to change the ‘margin’ but it does not work. Meaning: this time it has a sidebar and as much as i assign negative values to the margin hence to move the sidebar to the left…. the sidebar always remains where it is! Only the main page content column moves, not the sidebar. (Sidebar is set in the theme options to be on the right side by default by the way).
Home > Deals > Shop Daily Deals: Again, tried to add negative values to the ‘margin’ at page builder, but it does not work. It moves the page column to the left only…. and it throws the header (picture and title) off center. (At all pages, i want the header pic and title to remain as is).
All the footer pages: Similarly: how to eliminate the right and left gaps?
Anyhow, that’s most of the pages for which if a solution is proposed by you… i can implement in any other pages too.
Regards,
YiannosSeptember 28, 2020 at 9:19 am #26025Althemist
KeymasterHello Yiannos,
The home page – this only depends on your content settings. You just need to set each of your rows containing other elements to “Stretch row and content”.
However, you can force fullwidth on all pages with simple CSS rule:
body.page-template-default #content > .inner, body.page-template-blank-page #content > .inner { width: 100%; padding-left: 6%; padding-right: 6%; }
regards,
DimitarSeptember 28, 2020 at 10:56 am #26029YiannosCy
ParticipantHi Dimitar!
Excellent! Worked just fine.
Many thanks
YiannosDecember 4, 2020 at 2:01 pm #27641YiannosCy
ParticipantHi Dimitar,
(1) With the above code we’ve achieved full width on all pages…. expect the individual products page. i.e. https://www.yiassu.com/product/shoes-organizer-storage-rack/
Why aren’t the products pages responding to that code?(2) Does the 5.6.6 theme update offers a FULL compatibility with WCFM? Reason asking is that we were waiting for a long time for the theme to be fully compatible with WCFM so we can switch from WC Marketplace!!
Upon your confirmation here… we shall make the switch now!Thanks!
YiannosDecember 8, 2020 at 11:19 am #27688Althemist
Keymaster1. Just add the following class the previous code:
.single-product #products-wrapper.inner
2. Yes, it is compatible, but still missing the new features planned for v. 6.0. However, I am not sure if migration from existing store and vendors with products to WCFM would be 100% doable. You’d need to discuss this with the WCFM team.
December 8, 2020 at 12:03 pm #27696YiannosCy
ParticipantHi Dimitar,
At which exact section of the CSS code to add this class? No experience here and developer is on holidays! 🙂
Thanks for the feedback on the WCFM… i will get in touch with them, though they look and behave and respond to messages as if they do not like any more customers! Laxy and reluctant am afraid to say…. Are you going to work with them formally as well? I mean… will you formally support WCFM Marketplace as you do with the WCMP, or?
I am just asking so i can realize yours and theirs commitment in theme/plugin compatibility and support !!!!!Thanks
YiannosDecember 10, 2020 at 2:48 pm #27723Althemist
KeymasterHello Yiannos,
Previously I gave you CSS code to make the standard pages 100%. You just need to add this class to the same CSS rule.
Yes, we have a partner agreement. Usually they are very responsive. May be some internal problems they have. Also, please note that like most theme and plugin developers, they’d only answer questions directly related to their plugin and not customization requests.
December 10, 2020 at 3:18 pm #27729YiannosCy
ParticipantHi Dimitar
.single-product #products-wrapper.inner > body.page-template-default #content > .inner, body.page-template-blank-page #content > .inner {
width: 100%;
padding-left: 6%;
padding-right: 6%;
}Please confirm if my understanding to the above code is correct.
Noted for the WCFM. Thanks!
Regards,
YiannosDecember 15, 2020 at 4:04 pm #27802Althemist
KeymasterNo, this would never work. The selectors must be comma separated.
.single-product #products-wrapper.inner, body.page-template-default #content > .inner, body.page-template-blank-page #content > .inner { width: 100%; padding-left: 6%; padding-right: 6%; }
- AuthorPosts
You must be logged in and have valid license to reply to this topic.