Gap at the top of pages

Support
#1

I have a gap that is on every website at the top of the page.

It must have occurred in a recent update

#2

Hello @VelocityWeb,

Thanks for writing in!

The gap at the top of the page is a result of a custom css that you may have previous added. There is this css:

.entry-content {
    margin-top: 17.5px;
}

Please remove it from the custom css and then since you have installed a caching plugin Hummingbird Cache, please clear your plugin cache first before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.

Please let us know how it goes.

#3

I cant find that code in my websites
this one as well

#4

this is the global css

.single-post .entry-wrap {
background-color: transparent !important;
}

h1, .h1 { font-size: 40px ; }
h2, .h2 { font-size: 24px ; }
h3, .h3 { font-size: 22px ; }
h4, .h4 { font-size: 20px ; }
h5, .h5 { font-size: 18px ; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
margin-top: 10px;
}

Reduce paragaph space
p {
margin: 0 0 1em;
}

.x-colophon.top div #widget_contact_info-3 {
color: #ccc;
}

.x-colophon a, .x-colophon .widget a, .x-colophon {
color: #cccccc;
}
.x-colophon.bottom { background-color: black; } /* bottom footer background */
.x-colophon.bottom .x-nav li a,
.x-nav li:after,
.x-social-global a {
color: #fff;
}

#5

Hello @VelocityWeb,

Thanks for updating in!

The code could have been added in your cornerstone’s page custom css or in Appearance > Customizer > Additional CSS. I could not pinpoint it exactly since you are using a caching plugin or minify plugin. If only we have access to your site and be able to find it for you.

Please let us know how it goes.

#6

Ok have provided log in

#7

Hey There,

Thanks for providing the information. I have logged in and the issue were already resolved.

Please check your site now.

#8

Not sure how that happened
Can you check this one too

See update log in

#9

Hello @VelocityWeb,

Thanks for updating in!

To resolve your issue on this second site, please add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

.x-container>.offset {
    margin-top: 0 !important;
}

We would loved to know if this has work for you. Thank you.

#10

I have added that code and I did not change anything

#11

Hello @VelocityWeb,

I could no longer replicate any issues in your site. By the way, I noticed that you are using CloudFlare. Please log in and purger your site cache. Clear your browser cache as well and then test your site again.

Hope this helps.

#12

thanks yes it does look great in private browser mode :grinning:

#13

You’re welcome! :slight_smile:

#14

I dont know what happened but this gap has appeared in the breadcrumbs

How can I reduce the margin at the bottom so the text is centered

#15

Hello @VelocityWeb,

I have logged in again to your site and have updated the custom css. I ended up using this:

.x-container>.offset,
.site .entry-content {
    margin-top: 0 !important;
}

I have cleared the caches already and the space should no longer be there.

Please check your site now.

#16

Awesome thanks! :grinning:

#17

We are delighted to assist you with this.

Cheers!

#18

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.