Docs

[jeremymccarron]

Hey There,

I’m new to X THeme (and to CSS, really) – using the 4.6.0 version of the X theme, Ethos. I’m having trouble removing the white space underneath the nav bar, above the page content. I just want to have a nice, big, full screen image on every page without the white bar at the top.

I cut and paste every custom CSS script that I could find in the forum, to no avail.

I’m developing offline, so sharing the URL is not an option (at least that I’m aware of)

See attached image for an illustration of the problem and some CSS which reduced the size of the band, but did not totally eliminate it.

Thanks in advance!

Jeremy

[Rahul]

Hey There,

Go to Customizer > Custom > CSS and add following:

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

Additionally make sure that your content band uses the “No Margin” option. Since currently it’s having a margin top which increases the white space even more.

Hope that helps!

[jeremymccarron]

Hey,

First, thanks for getting back to me so quickly!

I tried the code, but it had no effect (back to the way it was, see attached screengrab)

Please direct me to the ‘content band’ – I’m not sure to what you are referring here.

Thank You!

Jeremy

[jeremymccarron]

hmmm…. Are you referring to the Content Band Short Code? I don’t believe I’m using it on this page (unless it’s buried in the global CSS somewhere).

I see you’ve been able to accomplish what I’m looking for with your demo page… How did you do it?

[jeremymccarron]

…attachment

[Lely]

Hi There,

Thank you for the screenshot. Please try this custom CSS:

.x-container>.offset {
    margin: 0 auto 35px;
}

If that doesn’t do the trick, please do upload your site on a staging server so we can take a closer look.

[jeremymccarron]

That did it. I just set the 35px to 0px and the white space is gone.

Nice work!

Thank You,

Jeremy

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts