Content width affected by MarketPress

Please check out two example pages of my theme. One is the theme demo and one is the affected page on my website. Please explain why the content width has been affected by the MarketPress plugin and what I can do to resolve this issue. Thanks!

My site
http://elkoutfitterreviews.com/elk-outfitters/

Theme demo
https://demo.web-savvy-marketing.com/hunter/page-layouts/sample-page/

  • Ken Kimbrell

    Hello Corey-

    After viewing both links, I see the content widths as identical. It appears the only problem is that the background image is being contained, which creates the illusion of the widths being different. I have managed to solve the problem by adding a line of CSS to the style sheet.

    You will need to apply the custom CSS to your child-theme's style.css, or you can use the built-in wordpress Additional CSS option in the customizer, by going to your wordrpess dashboard and find Appearance > Customize > Additional CSS when on the front-end customizer.

    You can also use this free plugin called Simple CSS:
    https://wordpress.org/plugins/simple-custom-css/

    The ultimate goal would be to apply the CSS in an area that if you were to update your theme it would not get overwritten. See the code below:

    body.custom-background {
        background-size: cover !important;
    }

    Let me know if this helps!

    Take Care,

    Ken - WPMU DEV Support