palmerozo
Joined: 30 Jul 2009
Posts: 22
Hello !

I would like to change contact form background color (match with my navigation color) and keep rest of my theme colors how it is right now.

I have been trying find right css style code but I've found only
.textpage_forminput {

.textpage_forminputback {

How I can do this ?

thank you ...


Re: Contact form bcg color
User avatar
Experienced
Joined: 30 Jan 2011
Posts: 355
The Netherlands
palmerozo wrote
I would like to change contact form background color (match with my navigation color) and keep rest of my theme colors how it is right now.

Yes, you were looking in the right direction. Try to add the following code to the CSS of your theme and experiment with the values:
Code
.textpage_forminput {
   /* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
   Please use 0x color formatting instead of # 
   font-family onyl supports a single font value. Make sure its a font that is globally supported*/

   color: 0x624301;
   font-size: 15;
   font-family: Arial;
}
.textpage_forminputback {
   /* This specific class only supports the color style. Please use 0x color formatting instead of # */
   color: 0xefc976;
}

_________________
Image


Re: Contact form bcg color
palmerozo
Joined: 30 Jul 2009
Posts: 22
Hi Martin ...

I've been trying, but no luck.
Maybe you can help me.
Background color I would like to add is 0xF4F4F4

I've changed code for this one:

Code
.textpage_form {
      font-family: Arial,Verdana;
      font-size: 13px;
      letter-spacing: 1px;
      background-color: 0xF4F4F4;
}
.textpage_forminput {
   /* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
   Please use 0x color formatting instead of # 
   font-family onyl supports a single font value. Make sure its a font that is globally supported*/

   color: 0xFFFFFF;
   font-size: 13;
   font-family: Arial;
background-color: 0xF4F4F4;
}
.textpage_forminputback {
   /* This specific class only supports the color style. Please use 0x color formatting instead of # */
   color: 0xD4D4D4;


any suggestions ?


Re: Contact form bcg color
User avatar
Imagevue Wizard
Joined: 30 Sep 2006
Posts: 7280
Palmerozo: Looks to me like you changed .textpage_form, which only set the color of TEXT, whereas you should be setting the color in .textpage_forminputback. Also, remember to empty your browser cache after updating the CSS.

If it is still not working, please include a link to your gallery.

_________________
Karl / mjau-mjau

Image
Image
Image
Image

www.imagevuex.com
www.mjau-mjau.com
www.photogallerylinks.com


Re: Contact form bcg color
palmerozo
Joined: 30 Jul 2009
Posts: 22
maju-maju

Still nothing..
Code
}
.textpage_form {
      font-family: Arial,Verdana;
      font-size: 13px;
      letter-spacing: 1px;
      background-color: 0xF4F4F4;
}
.textpage_forminput {
   /* You need to specify all required styles in this class because they are not inherited from the main textpage class because of restrictions with input fields in flash.
   Please use 0x color formatting instead of # 
   font-family onyl supports a single font value. Make sure its a font that is globally supported*/

   color: 0xFFFFFF;
   font-size: 13;
   font-family: Arial;
background-color: 0xF4F4F4;
}
.textpage_forminputback {
   /* This specific class only supports the color style. Please use 0x color formatting instead of # */
   color: 0xF4F4F4;
}



looking for #F4F4F4 (same as menu) color, but contact form menu is displaying #EEEEEE

Image


link: http://www.anetawisniewska.com/gallery/ ... t/contact/


Re: Contact form bcg color
User avatar
Imagevue PowerPack
Joined: 20 May 2011
Posts: 441
Denmark / Poland
But there should be changed all textpages color, not ".textpage_forminputback" and ".textpage_forminput" (what change only imput-textfields) ... :roll:

You have this correct:

Code
.textpage_form {
      font-family: Arial,Verdana;
      font-size: 13px;
      letter-spacing: 1px;
      background-color: 0xF4F4F4;


So, the only thing you can do now is set the background opacity and shadow to the same as you have for menu (or change menu opacity and shadow to the same as you have now for background...).

_________________
Gallery
PowerPack™ Demo
PowerPack™ Download

Help improve PowerPack - Test and report bugs.
Regards, Artur.


Re: Contact form bcg color
User avatar
Imagevue Wizard
Joined: 30 Sep 2006
Posts: 7280
Palmerozo: Your red arrow points at the textpage background ... This is not really anything to do with the form, as it is your textpage background on ALL textpages, not only the contact form. The CSS is for editing formatting and colors for TEXT only. To edit colors of elements like the background, you need to edit your theme.

Go to admin -> themes -> edit your theme -> textpage.background.color ...

_________________
Karl / mjau-mjau

Image
Image
Image
Image

www.imagevuex.com
www.mjau-mjau.com
www.photogallerylinks.com


cron
 
Imagevue Forums HomeForum  View topic - Contact form bcg color7 posts