The contact form background is white. Can you help me make it transparent?
See Link: http://www.stawnkaufman.com/nina/contact/
Change contact form background
17 posts from 4 voices- Started 1 year ago by stawnster
- Latest reply from Kriesi
- This topic is closed
- This topic is resolved
-
Hey,
you can change the input field background color with following code:
.input-text, input[type="text"], input[type="input"], input[type="password"], input[type="email"], textarea, select { background: #FFFFFF; }However you can't make it transparent because of the white content area background.
Posted 1 year ago # -
There's no "white" box which contains the form but that's the standard body/content div background color. You can't change it without affecting the whole page background (and this doesn't make sense because the sidebar, menu, footer, etc. will be displayed with transparent background too).
Posted 1 year ago # -
I'm sorry, but I don't understand -
The sidebar and menu ARE transparent when I use a bg image.
However, the social icons up top and the contact form is not.
Check it out here:
http://thefifthorder.net/wp/contact/
I would like the contact form and the social icons up top to be transparent. Is this not possible?
Posted 1 year ago # -
Thanks Dude, but here is the problem after I put the code/s in:
.social_bookmarks li{background-color: transparent;}
^that doesn't work.
#top .social_bookmarks li{background-color: transparent;}
^that tackles all the pages and does indeed make the icons transparent, however the rollover animations and colors on top are gone. This is how the website is at the current state: http://thefifthorder.net/wp
.page-id-352 .social_bookmarks li{background-color: transparent;}
^when I target only a specific page, it works exactly how it should, but its only targeted for that page, which is not what I want. I need it to be universal.
How could I take the function and look of the page-id version and make it work for all the pages?
Posted 1 year ago # -
I am very sorry for the support problems we are currently encountering. due to the success of angular we receive double our normal requests and on top of that one of my supporters is ill, so we struggle to bring our A Game. Hope this will be better once the new team member starts working :)
Once again sorry that it did last that long
As for your questions:
the !important overwrite is probably the one thing causing problems in your css file. I would recommend to remove your changes and add the following to the bottom of your custom.css file:
#info_text_header.minimized{background-color: transparent;} #top .social_bookmarks li{background-color: transparent;} #top .social_bookmarks .rss:hover {background-position: -42px center; background-color:#ffa133;} #top .social_bookmarks .facebook:hover{background-position: -42px center; background-color:#37589b;} #top .social_bookmarks .twitter:hover {background-position: -42px center; background-color:#46d4fe;} #top .social_bookmarks .mail:hover {background-position: -42px center; background-color:#9fae37;} #top .social_bookmarks .dribbble:hover{background-position: -42px center; background-color:#e44885;} #top .social_bookmarks .search:hover {background-position: -42px center; background-color:#222222;} #top .social_bookmarks .gplus:hover {background-position: -42px center; background-color:#de5a49;}that should work :)
problem #2:
open folder angular/framework/php
file: class form generator
search for line 360. it should read:
$message = $this->form_paramas['autoresponder']."
change it to
$message = nl2br($this->form_paramas['autoresponder'])."
now you can create line breaks simply by hitting enter in the auto response text field. no html necessary.
Best regardsKriesi
Posted 1 year ago #
Topic Closed
This topic has been closed to new replies.
Create a new thread and tell me what problems you are encountering and what you want to know. 
There is no step 3 :) 
