[Benjamin HParticipant]

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

[MrinalMember]

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;
}

[Benjamin HParticipant]

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

[ZeshanMember]

Hi Benjamin,

In that case, please use following CSS code instead:

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

Cheers!

[Benjamin HParticipant]

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;
}

[ZeshanMember]

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!

[Benjamin HParticipant]

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

[ChristopherModerator]

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.

[Benjamin HParticipant]

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!

[CousettMember]

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.

[Benjamin HParticipant]

This reply has been marked as private.

[ChristopherModerator]

Hi there,

I fixed it for you, I added a class name ‘mtn’ to Custom Headline (Overview of the Ministry),Jut to let you know how it’s done add a screenshot .Please see:http://prntscr.com/4somsk

You can use this for any element.

Hope it helps.

[bsjolingParticipant]

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

#x-content-band-1 {
padding-top:0 !important;
}

doesn’t seem to be doing much for me either. I’d be happy to get rid of the breadcrumbs strip too. I think I’ve put in heaps of mtn plus above code, tho wont all this get wiped on the next update of X?

[bsjolingParticipant]

http://www.nobodyinlondon.com/wp/about or http://www.nobodyinlondon.com/wp/about_2
show the gaps
I’ll give logins if you like on request.

regards

[John EzraMember]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer or in your child theme’s style.css file.

.entry-wrap {
    padding-top: 20px;
}

Hope this helps – thanks!

[Author]

Posts