Margins not working

Support
#1

Hello, I need to know how to get the margins to work. I have a page (https://claimsrepcn.com/water-damage-mitigation/) with three columns. I used this custom css to create a drop shadow behind the columns. Now I cannot get the margins to work.

.x-column-shadow {
-webkit-box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);
-moz-box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);
box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);

}
When I add margin: 10px to the css, it moves one of the three columns down. Can you help me?

#2

Hello @gallagherBD,

Thanks for writing in!

Your code is incorrect. Please have it updated and use this instead:

.x-column-shadow .vc_column-inner {
    margin: 10px;
    -webkit-box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);
    -moz-box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);
    box-shadow: 0px 0px 5px 2px rgba(122,120,122,1);

}

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

#3

This did the trick! Thanks!

#4

You’re most welcome!

#5

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