How to remove borders around content, header, footer, page etc?


I changed the my background to white so it would blend in with the page but I got these gray borders around every block (header, page, footer) ->

Any way to get rid of those?

There are no border but only shadows. You can remove them by looking for

-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);

inside style.css. It is used for


You can edit them via Child Theme as well by adding

-webkit-box-shadow: none;
box-shadow: none;

for each div you want to target.

Thank you for such a fast reply!