Page content Widgth

  • claphamparkcreative · Member ·

    Hello For some reason on our site, the width has become compressed and all the grid content is appearing on the left hand side. The web editor that originally adjusted the CSS is not available and I can’t seem to figure out how to adjust it.
    Thank you.

    The blog I need help with is: (visible only to logged in users)

  • nudgedesign · Theme Author ·

    Hi there!

    I’m seeing some custom CSS that is causing the content to shift over to the left. If you remove the following from the CSS then it will move back to the center:

    @media screen and (min-width: 1023px)
.single .entry-content .post-content, .single .entry-content .page-content, .page:not(article) .entry-content .post-content, .page:not(article) .entry-content .page-content {
    width: 100%;
}

    The web editor that originally adjusted the CSS is not available

    Can you elaborate on this? Is the screen under Design > Customize > Additional CSS is no longer available?

  • claphamparkcreative · Member ·

    Hi there nudgedesign,

    Thank you very much for taking the time to reply. Much appreciated.

    1. Apologies for confusion – what I meant was that I hired a web designer to customize our CSS but he is not available to help address the issue. So I am doing it myself.

    2. I tried your suggestion and it worked in terms of centering the homepage content, but the content still only appears in a narrow column with wide margins. What I want is for the content to stretch across the page as in the original Perle demo… Its not just the home page but all the pages of the site have the content compressed to one half of the page. This wasn’t so before… something has changed since the CSS was last edited almost two years ago.

    Many thanks for any further advice.

    Best,
    Marcia

  • nudgedesign · Theme Author ·

    Hi again!

    Thanks for the additional info. You can add the following CSS to the Additional CSS menu and that should do the trick. 

    .page-content>*:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
    max-width: none;
}

    Let me know if that works. :)

  • claphamparkcreative · Member ·

    Thank you! that definitely worked with the main pages to expand the display back to the original.

    1. It didn’t work on sub-project pages however: e.g. https://claphamparkcreative.org/portfolio/photography-club/

    2. It also resulted in our body text for all pages becoming completely stretched across the page as well, whereas before the text was only 1/2 or 2/3 across if I remember correctly. e.g. https://claphamparkcreative.org/about/ Is there something simple I can do? I tried to find the right CSS entry but could not. In the original perle theme the body text/content is narrow (although it is centre-aligned wheres we had left-aligned).

    Thanks again.

  • The topic ‘Page content Widgth’ is closed to new replies.