Removing Space At the Top of the Page – Themeco Community

Removing Space At the Top of the Page

Benjamin H — Wed, 01 Oct 2014 19:39:48 +0000

Okay, on my pages such as this one, There is a giant gap that I can’t seem to remove between the header I inserted and the menu bar at the top.

http://www.lvbaptist.org/beta/castner/

Additional you can see the picture on the left will not align properly with the content on the right. I’m using the visual composer half columns

Reply To: Removing Space At the Top of the Page

Mrinal — Wed, 01 Oct 2014 22:04:02 +0000

Hi Benjamin,

To remove this space, add the following CSS codes via Appearance > Customize > Custom > CSS:


.page-id-283 #x-content-band-1 .h-custom-headline {
    margin: 0 !important;
}

Reply To: Removing Space At the Top of the Page

Benjamin H — Thu, 02 Oct 2014 13:20:59 +0000

Thank you! I would like to do it to all the pages though, not just that specific page.

Reply To: Removing Space At the Top of the Page

Zeshan — Thu, 02 Oct 2014 14:06:21 +0000

Hi Benjamin,

In that case, please use following CSS code instead:

#x-content-band-1 .h-custom-headline {
   margin: 0 !important;
}

Cheers!

Reply To: Removing Space At the Top of the Page

Benjamin H — Thu, 02 Oct 2014 14:21:46 +0000

Thank you! I’m not sure if this is a related issue, but the main menu bar is completely invisible and it just happened recently. Here is list of my custom css

.single .entry-featured { display: none !important; }
.page .entry-featured { display: none !important; }
.x-recent-posts-content .x-recent-posts-date {display: none;}
.single .p-meta span:first-child, .single .p-meta span:nth-child(2) {display: none;}

.x-recent-posts .h-recent-posts, .x-recent-posts .x-recent-posts-date {
    white-space: normal !important;
}
.home .x-header-landmark, .single .x-header-landmark {
 display: none;
}

.x-container-fluid.max.width.offset.cf {
	overflow: hidden;
}
@media only screen and (max-width: 1270px) and (min-width: 979px) {
   .x-navbar .x-nav > li > a {
      margin-left: 5px;
      margin-right: 5px;
    }
}

.x-topbar .p-info {
margin: 8px 0;
font-size: 10px;
font-size: 1.2rem;
font-family: Lato;
}

.x-nav li .sub-menu {
   padding-top: 0 !important;
   margin-top: -20px;
}

h1.h-landmark { display:none; }
.x-header-landmark {
  display: none;
}

.x-main {
  margin: 0;
}

#x-content-band-1 .h-custom-headline {
   margin: 0 !important;
}
.x-recent-posts a:hover img {
opacity: .5;
}

Reply To: Removing Space At the Top of the Page

Zeshan — Thu, 02 Oct 2014 15:02:13 +0000

Hi Benjamin,

Upon checking, there is a 3rd party plugin installed in your website, that’s calling “bootstrap.min.css” file in your website. It’s conflicting with the default boostrap file integrated in the theme. (See: http://prntscr.com/4sdj7s).

Please deactivate the plugin and the issue should be resolved. However, if you want to use the plugin, you can try overwriting it’s CSS by using following code under Custom > CSS in the Customizer:

@media (min-width: 980px) {
   .x-nav-collapse.collapse {
      display: block;
   }
}

However, the plugin could make conflicts in future with other X elements.

Thanks!

Reply To: Removing Space At the Top of the Page

Benjamin H — Thu, 02 Oct 2014 15:25:24 +0000

That worked Great! Thank you

The code

#x-content-band-1 .h-custom-headline {
   margin: 0 !important;
}

Doesn’t seem to be working for removing that gap below the bar on (for example) http://www.lvbaptist.org/beta/doughammett/ and other pages

Reply To: Removing Space At the Top of the Page

Christopher — Thu, 02 Oct 2014 15:48:15 +0000

Hi there,

You can add mtn in class field of custom headline to remove the top margin.
Here is a list of css class index in http://theme.co/x/member/kb/css-class-index/ to help you adjust padding and margin to elements.

Hope it helps.

Reply To: Removing Space At the Top of the Page

Benjamin H — Thu, 02 Oct 2014 17:35:14 +0000

I’m sorry, I’m a novice here, I can’t figure out where ‘mtn’ is supposed to be placed. I want it to be applied to all pages so all those extra spaces are removed. Do I need to add a headline to every page? It doesn’t seem to be working like that. Thank You for your help!

Reply To: Removing Space At the Top of the Page

Cousett — Thu, 02 Oct 2014 18:39:23 +0000

Could you provide us with your login information so we can take a closer look?

To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.