[Resolved] can`t figure out container margin left and right

[Heinrich]

hi team,

i have a container-margin i dont know where it comes from. please have a look.

[Elvin]

Hi Heinrich,

I’ve checked the site and I can’t seem to find the margin.

Perhaps you meant the padding on the left and the right side of the .container?

This padding-left: 15px; and padding-right: 15px; applied from the bootstrap.css used in your site causes a weird white gap.

You can try using this CSS code to remove it.

.container {
    padding-left: 0px;
    padding-right: 0px;
}

Let us know if it works for you.:)

A wise man once said:
"Have you cleared your cache?"

[Heinrich]

hi elvin,

i have seen this in the inspector…but how can i figure out where it comes from??
and your css is working.

[Heinrich]

hi again, i figured it out, it was toolset types…have to ask them why…

tks a lot.

[Elvin]

i have seen this in the inspector…but how can i figure out where it comes from??

I simply right click on the white gap and click inspect. It’s not always accurate but it usually points you to the problem element.

From there, hovering through the HTML elements will highlight where they are on the page.

On Chrome, you’ll see blue highlight for the element, green highlight for padding and orange highlight for margins.

Here’s a sample video.
https://share.getcloudapp.com/xQuLGBWp

You can also find which file it’s coming from on the style tab/panel.
https://share.getcloudapp.com/qGuN9QK8

A wise man once said:
"Have you cleared your cache?"

[Elvin]

hi again, i figured it out, it was toolset types…have to ask them why…

tks a lot.

Oh nice one. No problem.:)

A wise man once said:
"Have you cleared your cache?"

[Heinrich]

have a nice day

[Author]

Posts