[SOLVED] Change contact us > message box size

[JerseyG]

Hi

 

When I go to "Contact us" the message box shows long and narrow (15x10)

It shows the resize indicator on the bottom right corner but is not resizeable.

 

I am running an upgrade to 1.5.2 version, can some one please advise what module controls this so that I can either copy across the updated version again or that I can manually edit it

 

Thanks in advance

G

Edited November 5, 2012 by JerseyG (see edit history)

[yaniv14]

Compare to the original CSS (themes/default/css/contact-form.css) you are missing:

 

 

 

#contact-form p.textarea textarea {

• height: 80px;
  
• width: 270px;
  
• border: 1px solid #CCC;
  
• font-size: 12px;
  
• color: #666;
  

 

And if you want to edit the TPL, you need to edit --> theme/default/contact-form.tpl

[JerseyG]

Hi Yaniv14

 

Thank you for your reply

 

This is the content of that file in 1.5.2 download, is it wrong? or should your item be added?

 

Thanks in advance

G

 

 

 

#contact fieldset {

padding:0 0 15px 0;

border:1px solid #ccc;

background:#f8f8f8

}

#contact h3 {

margin:0 0 15px 0;

padding:8px;

font-size:14px;

color:#fff;

text-transform:uppercase;

background:url(../img/bg_form_h3.png) repeat-x 0 0 #989898

}

#contact #center_column p {margin:0; padding:0 0 10px 0;}

#contact #center_column p.desc_contact { text-align: center; padding-left: 10px; padding-right: 10px; }

 

#contact p.text label,

#contact p.select label,

#contact p.select span,

#contact p.textarea label {

display:inline-block;

padding:6px 15px;

width:150px;/* 180 */

font-size:12px;

text-align:right

}

#contact p.textarea label {vertical-align:top}

#contact p.text input,

#contact p.select input {

padding:0 5px;

height:22px;

width:260px;/* 270 */

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#contact p.select select {

margin-right:10px;

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#contact p.textarea textarea {

height:80px;

width:270px;

border:1px solid #ccc;

font-size: 12px;

color:#666

}

#contact p.submit input {margin-left:185px;}

[yaniv14]

You have the right file, just make sure you have the css (contact-form.css) in theme/default/css folder, and the TPL (contact-form.tpl) in theme/default folder, because its seem like its not getting the css (maybe you changed file names?) also try to disable cache and turn force compile on in the back office (advanced parameters/preferences).

[JerseyG]

Hi Yaniv14

 

Many thank for all your help, I was checking out what you said and realised that I was still using the 1.4.9 new theme as I cannot get the default or prestashop ones working at the moment.

 

I transfered these two files into the Prestashop-new theme and all is working.

 

Thanks again.

G