Remove page border

Support
#1

Need help to remove border around my boxed layout. I can’t seem to identify the css selector. Screenshot attached. I want to move all sides of the border.

Thanks

#2

Hi there,

From the screenshot, it seems to be a box shadow. So the CSS code below should do the trick. Add it to X > Launch > Options > CSS:

.x-boxed-layout-active .site {
    -webkit-box-shadow: none;
    box-shadow: none;
}

But if it is not working you will need to get back to us with the URL of the website to check the code live.

Thank you.

Eliminate BoxShadow
#3

Thanks for the css but that did not work. I added it to the global css in customizer. The site is https://mysalus.org/

#4

Hi There,

Thank you for the URL. It is a border. See this: https://screencast-o-matic.com/watch/cb6QfYIpaK
Use the following CSS instead:

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

Hope this helps.

#5

Thanks Lely

#6

Glad we were able to help :slight_smile: