White spaces and lines in backgrounds

[blueprint]

Hi again,

I’m looking for a way to fix white borders on my site background
https://screenshots.firefox.com/AmNWcCCkrJg99ZHA/hp.christianseidel.de

as well as color differences between section background and top separator.
https://screenshots.firefox.com/QTWkATyGsUUdtoIX/hp.christianseidel.de

Thanks!

[mldarshana]

Hi There,

I could not find a similar issue on your site.

Could you please provide us with the URL to your specific page, so that we can look into your issue.

Thanks!

[blueprint]

Yes, of course. Here it is

[paul.r]

Hi,

To remove those, you can add this in Theme Options > CSS

.x-boxed-layout-active .site, .x-boxed-layout-active .x-site {
    border: 0;
}

With regards to the color difference, it’s not the same because your separator is over the top of another section.

To make it the same color, add this as the color of your section separator.

rgba(175, 205, 218, 1)

Thanks

[blueprint]

thank you, that worked well!

How do you know wich color to use for the separator so that it fits?
What I did was that I just copied the color from section background into the separator color…

[Prasant]

Hello @blueprint,

You can use tool like https://htmlcolorcodes.com/ to know the color code.

Thanks.

[blueprint]

Great, thanks!

I have another problem: Tried to remove the line between logobar and nav bar with this code, but it did not work.

.x-navbar .desktop .x-nav>li>a,
.x-navbar .desktop .x-nav>li:first-child>a {
    border: none;
}

can you suggest something else?

[jade]

Hi there,

It should be:

.x-logobar {
    border-bottom: 0;
}

[blueprint]

Perfect! Thank you!

[paul.r]

You’re welcome!