[Amy MParticipant]

I can’t get rid of the white space between the bottom of the slideshow and the top of the start of the content on my pages.

If I input the following custom css I can get rid of half of it: .x-header-landmark {padding: 0px}

But I am not sure if that is the best/correct way or if it will affect other stuff adversely. Could you let me know how to remove the white space so the content is directly below the menu/slider.

I have read other similar issues in the forum but none of the mentioned fixes are working for me.

Here is the site: http://www.28event.com/public_html/wp

[Amy MParticipant]

I also just noticed that there is a white strip along the bottom as well that I don’t want.

[ChristianModerator]

Hey Amy,

In the Customizer > Custom > CSS, please add the code below.

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

.x-main {
  margin: 0;
}

Hope that helps. 🙂

[Amy MParticipant]

It shrank the top white section to about half the size but it is still there. So is the bottom strip of white.

[KoryKeymaster]

Hey Amy,

I want to be careful before providing you with any more customizations before I have a better picture of what you’re trying to do with the site. The spacing in some of these areas is there intentionally, and if we start messing with it to get things on your homepage right, then it could create bigger problems for other areas of the site. For example, on your homepage, instead of using the Fullwidth template, I’d use the Blank – No Container | Header, Footer template, as this should give you the look you desire. Try this before adding any custom CSS and let me know how that goes.

Thanks!

[Amy MParticipant]

I believe that worked. Thanks for the help.

[RubinKeymaster]

You’re welcome!

[Edward WilliamsParticipant]

I thought I might post in here rather creating a new topic.

I looked into each topic concerning this issue and tried every suggested fix. When I turn on Blank – No Container | Header, Footer it seem to work, but it takes my content below and pushes it all the way to the edge of the site. It actually cuts the type.

My site is here: arclightcomics.com

Any help is appreciated. Thank you!

[SupportMember]

Hi!

Using the template is a start. If you want to center align the content, please use the Content Band element on the visual composer. Make sure that you enable the Inner Container option. Add the contents inside the content band elements to constrain them on a specified width.

I hope that helps. 🙂

[jptrotierParticipant]

Hi Themeco Staff 🙂

have the same problem (white space under main menu (on top of slider).
Cannot remove it with your custom code
Here the sample page : http://constructionljp.com/index.php/home/

Thanks for your help !

[jptrotierParticipant]

Hello again,

i have found a trick.. but not sure it’s the good way (i alway’s prefer to use custom external CSS instead of using the same code in every page)..
So in the cornerstone, in the ROW option, i have add a -45pixel margin.

Do you have another trick to use in CSS ?

thanks

[jptrotierParticipant]

thanks for you help
http://constructionljp.com/index.php/home/

[RupokMember]

Hi there,

Thanks for updating. Would you please summarize the issue and clarify your current problem with a screenshot? It’s a bit confusing when you reply in several parts. Also as we always reply from oldest to newest, so when you bump your post with a new reply it eventually goes to newest. So you might get your reply in late.

Cheers!

[jptrotierParticipant]

Hello again,
I the same problem (white space under main menu (on top of slider).
Cannot remove it with your custom code :
.x-header-landmark {
display: none;
}

i have found a trick.. but not sure it’s the good way (i alway’s prefer to use custom external CSS instead of using the same code in every page)..
So in the cornerstone, in the ROW option, i have add a -45pixel margin.

Do you have another trick to use in my external CSS ?

http://constructionljp.com/index.php/home/

thanks

[JadeModerator]

Hi there,

If you are referring to the space right below the main menu link on this page: http://constructionljp.com/ you may use this CSS in the Customizer:

.x-container.max.width.offset {
    margin-top: 0;
}

Hope this helps.

[Author]

Posts