• Resolved patchmoloughney

    (@patchmoloughney)


    Hello there, I am using a child theme of wordpress’s twenty sixteen theme and I’m having a problem with a lot of blank space to the top and sides of my content.
    I am also using beaver builder to edit the site.

    https://purecrafty.ie/wp-content/uploads/2016/03/Screenshot-1.png

    I removed the side bar and the content (that was aligned to the left) became center aligned, I would like it to take up the whole width of the page. (by page I just mean the white part)

    https://purecrafty.ie/wp-content/uploads/2016/03/Screenshot-2.png

    This image shows the highest point I can insert a row on my page, I would like to insert a row all the way at the top.

    So is there any way to remove all the padding and even the page name “about us” so that when I insert a row with Beaver Builder it will touch the top and sides of the page.

    Thank you for your time,
    Patch ??

Viewing 8 replies - 1 through 8 (of 8 total)
  • I think this is what you mean.
    Place in your css.

    .no-sidebar .entry-header, .no-sidebar .entry-content, .no-sidebar .entry-summary, .no-sidebar .entry-footer, .no-sidebar .comments-area, .no-sidebar .image-navigation, .no-sidebar .post-navigation, .no-sidebar .pagination, .no-sidebar .page-header, .no-sidebar .page-content, .no-sidebar .content-bottom-widgets {
    margin-right: 0px;
    margin-left: 0px;
    }

    Thread Starter patchmoloughney

    (@patchmoloughney)

    Thanks noahcryns, that has sorted my problem at the sides of the page ??
    Unfortunately it hasn’t gotten me any closer to the top of the page

    it would be easier if you can supply a link to your site.

    Thread Starter patchmoloughney

    (@patchmoloughney)

    Sorry about that I thought I had one in the original post,

    https://www.purecrafty.ie

    See if this css helps.

    @media screen and (min-width: 44.375em)
    .site {
        margin: 0 200px;
    }
    Thread Starter patchmoloughney

    (@patchmoloughney)

    Hey mrtom414, thanks for your help but it doesn’t seem to have an effect on my page ??

    I changed it in chrome developer and it worked. When I look at your site it shows it set to margin:200px; which would cause ever side of the box to have a 200px margin. Changing it to margin:0 200px; changes it to 200px margin right and left and 0 px top and bottom.

    Thread Starter patchmoloughney

    (@patchmoloughney)

    Perfect lads, thanks for that I’ve got it working now

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Twenty Sixteen, too much blank space’ is closed to new replies.