Hi,

My template has this code:

input,textarea {
border:solid 1px #C8C8C8; color:#333333; outline:0; font:normal 13px/100% Verdana, Tahoma, sans-serif; background:0;box-shadow:rgba(0,0,0, 0.1) 0 0 8px; -moz-box-shadow:rgba(0,0,0, 0.1) 0 0 8px; -webkit-box-shadow:rgba(0,0,0, 0.1) 0 0 8px;
padding:9px;margin-bottom: 20px; }

this code puts padding around the email box I have in my social sharing module. I am trying to get rid of the box, padding and margin that this code is adding.

I have added a class to css for custom formatting, and put the name of the class in the module. Here is what I have:
.mysocialclass {
float: right;
width: 400px;
border: 1px solid #cccccc;
margin: 10px;
padding: 5px 0px 7px 5px;
}
No how do I overwrite the template code? I tried to write the code by I think I don't have the right syntax.
Please help

Thanks,

Hi Shirin,

Applying the style to a class or id both override the style in the general tag style.

Are you trying to apply styling to your input type boxes for your .mysocialclass?

You'd have to create it as .mysocialclass input{} to override the above code.

Is this what you are asking to do?

yes, thanks. let me try that

Hi Shirin, you are welcome. Hope it works out for you.

If not, please provide the link to your website and I will take a quick look to give you more hints.

it worked thanks.

Hi Shirin,

You are very welcome. Glad it worked out for you. :-)