Static front page content area

  • Resolved richarddeepdish

    (@richarddeepdish)


    6 years, 5 months ago

    Hi Roman,
    Wondering if you can help with the following.
    I just set a static front page. While I was building and previewing the page, it had the normal content area width of 1140px, with a background on either side, and it maintained responsive margins as it shifted down screen sizes.

    As soon as I actually assigned it as the static front page, the content area stretched across to fit the entire width of the screen. I’m trying to get it back to the normal dimensions, with the 1140px width and responsive margins.

    I tried adding the following CSS, but it made the content area aligned to the left instead of centered, and was not responsive either:

    .home .content-area {
    max-width: 1140px !important;
    }

    I then tried to center the content-area, but couldn’t seem to get it to work (I might have done this wrong).

    I also tried manually adding margins to the content rows of the page – this worked, but for some reason the background of the new margin space was the wrong color (plain white) and I couldn’t figure out how to change it to match the normal background.

    If you have any suggestions, I’d very much appreciate it. I have a child theme, so can create a front-page.php file to overrule the Moesia parent if need be.

    Many thanks,
    Richard

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter richarddeepdish

    (@richarddeepdish)

    Update: I managed to get it working with a hacky child version of front-page.php, but it doesn’t look so good on smaller screens. If you happen to know of a more elegant solution, let me know – otherwise I’ll mark the topic resolved.
    thanks,
    Richaed

    Hello Richard,

    I would be glad to help you, but it would be great if I see the issue and what exactly you want to achieve. So you can create a staging site for troubleshooting purposes, here is an extensive tutorial:
    https://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/

    Also please provide some explanatory screenshots. You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online services (Google Drive, Dropbox, etc.).

    Kind Regards, Roman.

    Thread Starter richarddeepdish

    (@richarddeepdish)

    Hi Roman,
    I don’t think it’s worth making a staging site for this issue alone, as it seems a bit complicated, but thanks a lot – I didn’t know this was possible, I’ll definitely have a crack at it next time I’m making a bunch of new design changes.
    Thanks for your help,
    Richard

    Okay Richard, you are welcome!

    Kind Regards, Roman.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Static front page content area’ is closed to new replies.