Home › Forums › Pro Themes › Education Hub Pro › Full width?

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 11, 2017 at 2:38 pm #47451
    khayman
    Participant

    I’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,
    Andy

    July 12, 2017 at 12:35 am #47473
    wensolutions
    Keymaster

    Hello @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 #47730
    khayman
    Participant

    So 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 #47789
    wensolutions
    Keymaster

    Hello @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 #52280
    khayman
    Participant

    I’ve purchased the Education Hub Pro theme, just seeing what I need to do to get the full width CSS code?

    Thanks,
    Andy

    September 3, 2017 at 1:36 am #52368
    wensolutions
    Keymaster

    Hello @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 #52535
    khayman
    Participant

    Thanks 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,
    Andy

    September 6, 2017 at 12:21 am #52557
    wensolutions
    Keymaster

    Hello @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 :

    https://imgur.com/a/wBcQT

    Hope this Helps,

    Best Regards !!

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.