How to delete margin?

Support
#1

Hello,
I am working with the domain http://lebenskraft.de1.biz/.
I would like to delete the margin as described in the attached file. Can you pls.help me with the right css code.

Georg

#2

Hey,

You can remove these margins adding following CSS under the code below to X > Launch > Options > CSS

.entry-wrap {
  padding: 0px !important;
}
#3

Hey Hohn,
thank you. It helps but there is still a small margin left at the top.
I have two more questions regarding css. How is it possible to change the height of the header picture? In the customizer I can only determine the width of the header picture?
Second question: Is it possible to change the width of the blue background so that it is the same width as the header picture?
I will add a file to make the 3 questions more clear.
Thank you very much for your support.
Georg

#4

Hello John, sorry I spelled your name incorretly.

#5

Hi There,

Please add the following CSS to Theme options CSS

.x-container.max {

    max-width: 100%;
}

.x-container.width {

    width: 100%;
}

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

Hope it helps!

#6

Hi There,

Please try adding the following CSS under Customizer > Custom > Global CSS:

.x-navbar-inner .x-container.max.width {
    width: 100%;
    max-width: 100%;
}

nav.x-nav-wrap.desktop {
    max-width: 90%;
    margin: 0 auto;
    display: block;
}
#7

Thank you for your support. But the result is not what I really want.
The blue background in the header should be the same width as the header picture, and the header picture should not be 100%,the width should be kept.
Thank you for your reply.
Georg

#8

Hi Georg,

I don’t see any remaining top margin on the content wrapper from my end (https://prnt.sc/fv1rcu). Please clear your browser’s cache and caching plugin. The CSS code provided by John should resolve the issue regarding the paddings around your content wrapper.

The height of the logo is keep proportional to its width, that said if you reduce the width the height will reduce as well. This is important because you don’t want the logo to look stretch and squash, right?

Please do not refer to your header background as blue, because its gray on our end, it confuse us.
To resolve that, please navigate to X > Launch > Options > Integrity and turn on the NAVBAR TRANSPARENCY option.

Important: After you made this changes, please clear your caching plugin and optimizer plugin so the changes will take effect immediately.

Hope it helps,
Cheers!

#9

Thank you for your answer. I checked the customizer. The Transparancy Option is already on. What about my question?
Hope this helps to understand what I want.
Thank you for your support.
Georg

#10

Hi Georg,

What you want exactly is what I am seeing at your site at the moment. See this: https://screencast-o-matic.com/watch/cbi2Xul3oJ. Can you confirm this is now sorted out? Above image edge is inline with the content.

#11

Hi Lely,
sorry that is a misunderstanding. What I mean in my picture I sent before: Transparent means white. The result would be that the header picture and the background would habe the same width, See pls. attached picture.
Thank you
Georg

#12

Hello There,

To make the background color as white, please make use of this code:

body .x-navbar {
    background-color: #fff;
}

I am not sure what you meant by:
“The result would be that the header picture and the background would have the same width”

Please let us know how it goes.

#13

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