In backend left-side menu click “Appearance” and then “Editor”:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-11-45.png)
You are not in the customizer, click “Styles”:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-12-49.png)
This takes you to the style-selector, click the edit-button in the op right. Looks like a pen:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-14-45.png)
This opens the style-editor in the right site of the screen:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-14-09-1.png)
Now click “Blocks”, this brings up a list of blocks you can customize, pick “Column”:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-16-19.png)
This brings you to an interface that lets you change the default design for columns:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-17-49.png)
You need to scroll to the bottom, open the “Additional CSS” option:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-18-21.png)
And add the code you see there:
.dropshadow { box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.3); }
Then click the “Save” button in the top-right corner:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-21-06.png)
Button changes a bit, just in case you changed your mind. Click it again:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-21-42.png)
Now navigate to the page and the column in the editor where you wish to add drop shadow:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-42-29-1024x513.png)
And add “dropshadow” as a css-class:
![](https://www.unifix.org/wp-content/uploads/2023/12/Screenshot-from-2023-12-12-10-43-44-1024x513.png)
Very pwetty and very phancey 😍