White line left and right of site

Support
#1

Hi!
I am having a problem with a white line that is left and right of my sites content. I’ve found no way to remove this line so I’m asking you for help.

My site is https://digisera.se/

Please see attached image for clarification.

Could you please help me?

Thanks
Best,
/Victor

#2

Hi Victor,

Thanks for writing in! Could you please try adding the following CSS rule into your X -> Theme Options -> CSS area.

.site {
    border: none !important;
}

Hope that helps.

#3

Hi!

Thank you for the answer!

Unfortunately, the white line is still there. Please see left part at the site at https://digisera.se/hem/

Do you have any other suggestions?
Thanks in advance!

#4

Hello Victor,

Thanks for updating the thread.

Code that my colleague shared is working fine and removes the white line from both side of the canvas. However, upon checking the website I don’t see the code. Have you removed the same? Please add the code again under X > Theme Options > CSS. You can also try adding following CSS:

.x-root .site, .x-root .x-site {
    border: 0 !important;
}

1- I have found the proper CSS code selector using the Chrome browser Developer Toolbar: https://www.youtube.com/watch?v=wcFnnxfA70g

2- For the CSS code itself, I suggest that you get started with this tutorial: https://www.youtube.com/watch?v=yfoY53QXEnI

Thanks.

#5

Hi!
Thank you for your response!
However, the code won’t fix it - please see the live site now with code added.

I’ve managed to remove the line through adding -1px padding to both sides of the canvas - but I would prefer to find a better solution, since this stretches the background image and therefore lowers the quality of the image.

Looking forward to hearing from you, thanks in advance!
Best,
/Victor

#6

Hello Victor,

Sorry if the code did not work out for you. Please have it updated and use this code instead:

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

We would loved to know if this has work for you. Thank you.

#7

Hi!

The code works, but for some reason I have to put it in through “Edit page” - CSS. If I put it in from Theme options, it has no effect.

But it works so I’m happy, thanks for the help!

#8

You’re most welcome! Maybe there is a malformed CSS in your Theme Option’s CSS, and it’s commong when there is unclosed @media query.

Thanks!

#9

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