Support » Theme: Twenty Seventeen » How to get rid of white margins?

  • Hi,

    I don’t use the sidebar and widgets, so I just disabled it. However, the page reserves space for these unused elements and does not use the full width for my content. Just to clarify this issue, I have marked the unwanted margins in red on the attached screendump:
    Example

    Any idea how to fix this issue?

    Best Regards

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

Viewing 9 replies - 1 through 9 (of 9 total)
  • AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Hello tofesd,

    Add below css code into your current active child theme’s style.css file or you can add additional css option in theme customizer

    @media screen and (min-width: 30em)
    .page-one-column .panel-content .wrap {
        max-width: none !important;
    }

    Hope this will helps you.

    Thanks.

    Thanks for the quick reply.

    As I’m not using a child theme, I copied your code to the css option and got a syntax error: “Expected LBRACE at line 2, col. 1”.

    I ignored, but the appearance of the page did not change.

    AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    try the following:

    1) Place your cursor at the very first character of the CSS you are pasting.
    2) Press Backspace on your keyboard once to delete any possible invisible character

    Hope this will helps you.

    Thanks.

    Yes, I tried this before posting No. 3
    There are no invisible characters. When removing the <CR>, the position of the error moves to “line 1, col. 36”, i.e. it remains at the period of “.page-one-”

    Thank you for your continious support

    AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Try the below code:-

    @media screen and (min-width: 30em){
    .page-one-column .panel-content .wrap {
        max-width: none !important;
       }
    }

    No errors, no warnings, no Change in visual appearance 🙁

    AddWeb Solution Pvt. Ltd.

    (@addweb-solution-pvt-ltd)

    Try the below code

    .page-one-column .panel-content .wrap {
        max-width: none;
    }

    unfortunately no effect

    lillan

    (@lillan)

    Try this.

    .wrap {
    /* margin-left: auto; */
    /* margin-right: auto; */
    max-width: 100%;
    /* padding-left: 2em; */
    /* padding-right: 2em; */
    }
    @media screen and (min-width: 61.5625em) {
    .page-two-column .panel-content .entry-content {
    .wrap {
    max-width: 100%;
    /* padding-left: 3em; */
    /* padding-right: 3em; */
    }
    }
    .page.page-one-column:not(.twentyseventeen-front-page) #primary {
    /*margin-left: auto;*/
    /*margin-right: auto;*/
    max-width: 100%;
    }

    @media screen and (min-width: 30em) {
    .page-one-column .panel-content .wrap
    {
    max-width: 100%;
    }
    }

    • This reply was modified 1 year ago by lillan.
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to get rid of white margins?’ is closed to new replies.