Home › Forums › Pro Themes › Education Hub Pro › Full width?
- This topic has 7 replies, 2 voices, and was last updated 7 years ago by
wensolutions.
-
AuthorPosts
-
July 11, 2017 at 2:38 pm #47451
khayman
ParticipantI’m currently playing with the free version of Education Hub and considering the Pro version. However, I need to find out if the pro version can go to full page/monitor width. I see where you can turn off the side navigation bar but the main content area is still centered and fixed. I need to be able to make either certain pages or every page go *full* 100% width. Anybody know if this is possible via setting or CSS tweak?
Thanks,
AndyJuly 12, 2017 at 12:35 am #47473wensolutions
KeymasterHello @khayman,
First of all thank you very much for your interest premium version of this theme .
And yes the pro version does not have the option to make the content full width. However we can provide some CSS code to make the pages occupy full width .
As you have shown the interest in pro version let us tell you that with pro version you can enjoy wide range of features. To know more about the pro version please refer to below link:
http://themepalace.com/downloads/education-hub-pro/
Hope this helps.
For any query further please let us know .
Best Regards!!
July 14, 2017 at 5:15 pm #47730khayman
ParticipantSo it’s just some simple CSS code to the style.css I assume then? No PHP hacks required right?
I do want the Pro version, I just need to be certain the design can go full width.
July 16, 2017 at 12:46 am #47789wensolutions
KeymasterHello @khayman,
Yes we can provide you with some custom CSS codes without requiring to make changes to php files for the full width option by removing the container margins.
You can provide us your website URL and requirements so that we can inspect the website and provide you with basic fixes through the support forum.
If you have any queries further, please feel free to post them here.
Best regards !!
September 1, 2017 at 11:31 am #52280khayman
ParticipantI’ve purchased the Education Hub Pro theme, just seeing what I need to do to get the full width CSS code?
Thanks,
AndySeptember 3, 2017 at 1:36 am #52368wensolutions
KeymasterHello @khayman,
Thank you very much for buying the pro version .
Now to make you pages full width please use below given CSS.
.container { width: 100%; }
Also please make us clear that you want only specific page to be full width or whole site . The CSS we have provided will make your entire site full width.
Hope this helps .
Best Regards!!
September 5, 2017 at 10:39 am #52535khayman
ParticipantThanks for the code works great. I would like to see if I could implement it on specific pages only though, so yes I would like to see that code as well.
Thanks,
AndySeptember 6, 2017 at 12:21 am #52557wensolutions
KeymasterHello @khayman,
You can add in the custom CSS to specific page by adding body page-id CSS selector like :
Example CSS :
.page-id-962 .container {
width: 100%;
}the “.page-id-962” class should be replaced with the page-id body class of the page you are willing to apply the CSS for.
To find the page specific CSS body class, you can Right Click on your page frontend and go to inspect option. The page-id class can be found in the HTML structure that shows up at the bottom of browser.
For further reference, you can check the screenshot here :
Hope this Helps,
Best Regards !!
-
AuthorPosts
- You must be logged in to reply to this topic.