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

    (@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.

    Thread Starter tofesd

    (@tofesd)

    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

    (@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.

    Thread Starter tofesd

    (@tofesd)

    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

    (@addweb-solution-pvt-ltd)

    Try the below code:-

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

    (@tofesd)

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

    AddWeb Solution

    (@addweb-solution-pvt-ltd)

    Try the below code

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

    (@tofesd)

    unfortunately no effect

    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 5 years, 2 months 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.