CSS Forms Issue.

I have done everything except pull my hair out to fix this, lol. I have searched the site and have not found anything that would help fix this.  Maybe I am not using the correct search terms.  I am assuming the issue rests in my join.css file.  I do not know what line to edit to fix this.   The only thing I have changed is my background img. I did this through the admin panel.   The join.php is the only page that I have seen so far that I am having this issue with.  I am using the stock template.  Any help is greatly appreciated.

 

Side note: I've tried using the web develoer tool bar for firefox, but can't make heads or tails out of it...

CSS Issue

Quote · 26 Aug 2008

So what exactly is your 'issue' ?

There are none so blind as those that will not see.
Quote · 26 Aug 2008

Thanks for your quick reply. I apologize that I did not put the 'issue'.  My background is showing through the text input areas. For example, look next to 'nickname' or 'email' and you will see the box that matches the background of the site. The text is not easy to legible and i would like the background of the text input area to match thos of the rest of the site (generally white).  I hope htis makes sense.

 

Thanks again!

Quote · 26 Aug 2008

 

Hey there  Creechs--

 

I just looked at the source for the 'join' page and it looks like the input text areas are in the css class "input_area".  And the rules for this class are indeed in 'join.css'.

 

So, just go into 'join.css' and add the styling you want for 'input_area'.

 

Was this clear?  If not, let me know.

 

T

 

 

Thanks T

 

It was clear. I just want to make sure I am doing this correctly.

My code is as follows: 

.input_erroneus {
	border: 1px solid red;
}

.input_area,
.input_select_multi {
	height: 90px;
}

.form_row_special {
	text-align: center;
}

Do I need to change ".input_area," to

.input_area {
	background-color:#EEEEEE;

}

Am I assuming correct?

 

Thanks for your help!

Quote · 26 Aug 2008

That was wrong creechs  .....  you caught it before I could change it.

But this is strange as the input fields actually have a background image as below:

.....  background-image: url( ../images/body_backgr.gif );
so should show the image instead of color  .....

.

Quote · 26 Aug 2008

 


input, textarea, select {general.css (line 287)
color:#3F3F3F;

.

 

which general.css?

 

The one in base or the one in uni?

 

 

 

Also what CSS editor do you recommend?

Quote · 26 Aug 2008

I would suspect you would be looking at tmpl_uni. Most often it will be in the template directory you will do most css editing. Very rarely but ocassionally you will touch the ones in base.

For editing just backup the original, or download the original to your local pc somewhere. Then edit the file with any text editor...notepad, wordpad or any other.

Then re-upload your changes over-writing the one on your server.

Don't forget the backup part though...just in case.

gameutopia

DialMe.com - Your One and Only Source For Boonex Dolphin Tutorials and Resources
Quote · 26 Aug 2008

 

I would suspect you would be looking at tmpl_uni. Most often it will be in the template directory you will do most css editing. Very rarely but ocassionally you will touch the ones in base.

For editing just backup the original, or download the original to your local pc somewhere. Then edit the file with any text editor...notepad, wordpad or any other.

Then re-upload your changes over-writing the one on your server.

Don't forget the backup part though...just in case.

gameutopia

 

Thanks gameutopia,

 

I was looking for an editor so that I could find what "line" I am on.  Instead of counting 200 lines down the page.

 

Thanks!

Quote · 26 Aug 2008

T,

 

Thank you so much. This fixed the problem!

 

Sean

 

 

PS Does anyone know of any FREE CSS crash courses out there?

Quote · 26 Aug 2008

webmonkey.com has some tips and I am sure there are slew of others.

~~ L

And thanks for asking this question....I was just living with it by having a lighter background.

T,

Thank you so much. This fixed the problem!

Sean

PS Does anyone know of any FREE CSS crash courses out there?

Quote · 26 Aug 2008

I use just use the built-in editor in cuteftp pro  .....  the lines are numbered

Notetab also numbers lines  ..... 

Serch any search engine for CSS help  ..... 
.

Quote · 26 Aug 2008

Im also having a similar problem, but in my case ive dropped this:

input[type="text"], textarea{
background-color: #FFFFFF;
border-top: 1px solid #111832;
border-left: 1px solid #111832;
border-bottom: 1px solid #2b324b;
border-right: 1px solid #2b324b;
}

into the general.css and and helped for all the one line text areas, but for the multi-line and the password textbox the backround still shows through... any thoughts on a specific class for the password and the larger text areas... i feel like ive tried everything..

Quote · 9 Dec 2008
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.