In the Extra Theme, the boxed layout option adds a subtle grey border shadow around your page content. While this can add depth, you might prefer a cleaner, border-free look for your site. Unfortunately, there isn’t a built-in option to remove this shadow. However, you can easily eliminate it with custom CSS.
How to Remove the Boxed Layout Border Shadow
Follow these steps to customize your Extra Theme and remove the border shadow:
Navigate to your WordPress Admin Dashboard.
Go to Extra > Theme Options > General > Custom CSS
.
In the Custom CSS box, paste the following code:
body.boxed_layout {
box-shadow: none;
}
This CSS snippet targets the
body.boxed_layout
element, removing its default box-shadow property, giving your page content a cleaner appearance. By implementing this simple customization, your website will have a more minimalist look, free of the boxed layout’s border shadow.