Gossamer Forum
Home : Products : Gossamer Links : Development, Plugins and Globals :

quick luna css question - size of text box

Quote Reply
quick luna css question - size of text box
I can't seem to figure out how to change the length of the text boxes.

I would think that

Code:
<input type = "text" size="40">

would change it, but the css is overriding this... what do I need to change in luna.css?

Thanks,

- Jonathan
Quote Reply
Re: [jdgamble] quick luna css question - size of text box In reply to
Hi Jonathan,

I normally don't even give it any size, but prefer to use CSS, as it gives complete control over how it input box will appear.

Here is an example (just change the colors with anything you like: I also like to :hover effect, but you can also add :focus properties)

Code:
.input1 {
float: left;
font : 12px Arial, Helvetica, sans-serif;
border: 1px solid #FED14F;
padding: 3px 2px;
width: 250px;
height: 20px;
line-height: 20px;
}
.input1:hover {
border: 1px solid #191970;
}

<input type ="text" class="input1">


Hope this helps.

Vishal
-------------------------------------------------------
Quote Reply
Re: [SWDevil.Com] quick luna css question - size of text box In reply to
Thanks Vishal,

I was actually asking what I needed to change without having to change the html code.

But I figured it out by using either .text .password .value for my personal templates.

Thanks,

- Jonathan