Jump to content

modifying med-contactable module


arash_a2k

Recommended Posts

  • 2 months later...
  • 1 year later...

Hi,

 

This module was developed by a French agency Mediacom87. So the code is hard to understand and modify. If you want changes they say you have to pay !
I have security vulnerabilities because I get blank emails. Should install a captcha but I don't have any solution ...
 
Work in progress
Link to comment
Share on other sites

  • 1 year later...

Hello,

I wanted to have narrow form, so I changed in css the with of the form.

However, now there is gap between the form and the Contact button.

Does anyone know what to change in css?

 

#med_contactable #contactable_inner
{background-image:url(../img/contact.png);
color:#FFF;background-color:#333;cursor:pointer;height:102px;left:0;
;*;overflow:hidden;position:fixed;*position:absolute;
text-indent:-100000px;top:150px;*margin-top:10px;width:44px;z-index:100000}

#med_contactable #contactForm
{background-color:#808C91;border:1px solid #FFF;color:#FFF;height:380px;left:0;
;margin-top:-190px;overflow:hidden;padding-left:30px;
position:fixed;top:275px;width:292px;z-index:100000}

#med_contactable form#contactForm input,textarea
{background:#FFF none repeat scroll 0 0;outline-style:none;outline-width:medium;width:225px;
padding:5px;border:1px solid #dfdfdf;font-size:1em;margin-bottom:10px}

#med_contactable form#contactForm .submit{background:#FD9A00 none repeat scroll 0 0;
outline-style:none;outline-width:medium;width:225px;padding:5px;
outline-color:-moz-use-text-color;font-size:1em;cursor:pointer;color:#FFF;text-transform:uppercase;
font-weight:bolder;font-family:Helvetica;margin-top:10px}

#med_contactable form#contactForm
p{width:225px;font-size:1em}

#med_contactable form#contactForm .disclaimer
{*margin-left:20px;margin-bottom:0px;display:none}

#med_contactable #contactForm .red{color:#F5410F}

#med_contactable #overlay{background-color:#666;display:none;height:100%;left:0;margin:0;padding:0;
position:absolute;top:0;width:100%;z-index:0}

#med_contactable form#contactForm .error
{background-color:#EDBE9C;border-color:#900}

#med_contactable #name.error,#med_contactable #email.error,

#med_contactable #comment.error{background-color:#EDBE9C}

#med_contactable form#contactForm label{*margin-left:20px;color:#fff}

#med_contactable form#contactForm #loading{background:url(../img/ajax-loader.gif) no-repeat;
width:55px;height:55px;margin:100px auto;display:none}

#med_contactable #callback{font-size:1.1em;color:#FFF;width:225px;margin:100px auto;display:none}

#med_contactable .holder{margin:0 auto;*margin-left:20px;padding-top:20px}

#med_contactable form#contactForm label.error{padding:0;border:none}

#med_contactable form#contactForm p.thanks{font-size:.0em;text-align:center;width:auto;display:none !important}

 

Best regards,

 

Pz

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...