• Hi,

    Is it possible to remove the white gap that the theme shows at the top (after top menu) and the bottom (before bottom menu) of the page. I have attached the snapshot link for the purpose and marked these spaces.

    Top of Page

    Bottom of Page

    Thanks in advance,
    Megan

Viewing 7 replies - 1 through 7 (of 7 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    Hi Megan….I’m assuming that is my theme? It looks so different ??

    Anyway, it would be best to see the site live link, then I can see what code is doing the space, if it’s the theme or something else. Is it possible to get a link to the site where this is?

    Thread Starter Megan.ons

    (@meganons)

    Yes it is Emphasize theme only ??

    Here is the link

    Theme Author Shaped Pixels

    (@shaped-pixels)

    Thanks for the link…however, that takes me to a different site/theme.

    Thread Starter Megan.ons

    (@meganons)

    It is a child theme for Emphasize. The theme is customized using siteorigin.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    I hate to say this, but I am unable to figure that spacing out due to the fact you are running with a disabled right click function which prevents me from using my browser webmaster tools to select parts of a page to see the code for it.

    But also, this looks like a very highly customized theme which makes it even more difficult to pinpoint what is doing the spacing.

    From my first checking of the source code, you’ve got some content and page elements that look like they break the layout. I also believe that the Site Origin is causing some problems with the layout as well.

    Thread Starter Megan.ons

    (@meganons)

    I have enabled the right click function. I believe this part is for the page title / heading.

    Theme Author Shaped Pixels

    (@shaped-pixels)

    This is what adds the space from the theme:

    #content {
        padding: 40px 0;
    }

    You would want to change that to the top and bottom padding is what you want, such as 0 pixels.

    padding: 0;

    Do the above as custom CSS using a plugin like Simple Custom CSS or if you use jetpack, use it’s own custom CSS feature.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Gap at top and bottom of the page’ is closed to new replies.