XCaliber Textbox font size

[Jaym]

hello there folks, I was wondering if it was at all possible to modify the size of text inside of a text box on the X Caliber RC4 theme?

An example of what I am talking about would be this post I am writing right now, the text inside this box is slightly larger than I would like it to be for my forum.

Not sure how clear this message was, so let me know if you need any clarification!

Thanks.

[willemjan]

Yeah search for textarea in the index.css

Change the % in there

[Crip]

Code Select Expand


/* The font size of textareas should be just a little bit larger. */
textarea
{
font: 100%/130% verdana, Helvetica, sans-serif;
}


[willemjan]

Yep, that indeed

[Jaym]

Hey guys, thanks for the quick response!

I tried altering the percentages just now, but it doesn't seem to be having any effect on the size of the text. Any glaringly obvious mistakes I could be making here?

For reference, here is the current status of it:

Code Select Expand

/* The font size of textareas should be just a little bit larger. */
textarea {
   color: #9F9F9F;
   background: #2B2B2B;
   border: 1px solid #040404;
   font: 100%/130% verdana, Helvetica, sans-serif;
}

[Crip]

not sure why?
..you can try this bit and 'one should' change the size..

Code Select Expand


input, button, select, textarea {
font: 95%/115% verdana, Helvetica, sans-serif;
color: #9F9F9F;
background: #2B2B2B;
border: 1px solid #040404;
padding: 2px;
}
/* Select elements look horrible with the extra padding, so leave them unpadded. */
select {
padding: 0;
}
/* Add some padding to the options instead. */
select option {
padding: 1px;
}
/* The font size of textareas should be just a little bit larger. */
textarea {
color: #9F9F9F;
background: #2B2B2B;
border: 1px solid #040404;
font: 130%/150% verdana, Helvetica, sans-serif;
}


You can also try a different: font-family arial tahoma sans-serif;

[Jaym]

Hmm, not sure what could be causing it. Changing the percentages doesn't seem to be having any effect on the size of the text when typing.

[willemjan]

Could we get an link to your site, with an test account for us?

[Jaym]

http://deinos.partytowne.ca/index.php

login as Cripzone, password is cripzone

Or make an account yourself, whatever you prefer.

edit: security question answer is deinos, if you do decide to make one.

[willemjan]

Found it!

In index.css there is this:

Code Select Expand


textarea {
font-size: 120%;


Change that to 100%

[Jaym]

Changed to 100%(and then to 80%), but it still doesn't seem to make the font smaller.

I've noticed that when I hit the toggle view button, it changes the text box, as well as the size of the font. In case this can't be fixed, would it be possible to have posts default to the other view?

[Maxx]

jaym,

this is the code you need to work with:

Code Select Expand

input, button {
    background: url("images/xxbg.png") repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    font-size: 90%;
}

The size 90% is a real small size ( theme default ) and if you go down to 80% it may not be readable in some situations.
Note that 90% fits perfect there!!!

120% is close to normal size.

please make certain that you do not leave anything out even the; after the size!

I just tried and it works for me!

regards,
Maxx

[Jaym]

That did it! Thanks for the help!

If you don't mind me asking one more question, how would I go about changing the background color of dropdown boxes? As it stands, the backgrounds are white and the text is unreadable.

Thanks again!

[Maxx]

Don't see how you got white backgrounds thee but this is the code for the hover over, but looks lite you may need to do so image editing.

Code Select Expand

#navtop li a.active {
    background: url("../images/tab1.gif") no-repeat scroll 50% 0 transparent;
    color: #ACA283;
    font-weight: bold;
    text-decoration: none;
}

The hove part below:

Code Select Expand


#navtop li a:hover, #navtop li:hover a, #navtop li.sfhover a {
    background: url("../images/tab2.gif") no-repeat scroll 50% 0 transparent;
    color: #FFFFFF;
    text-decoration: none;
}
#navtop li:hover li a, #navtop li ul li a:hover {
    background: none repeat scroll 0 0 #413C2C;
    color: #A59C6A;
}

[Jaym]

I believe I may have worded that incorrectly, what I mean to reference was this type of dropdown box:

[Crip]

You fixed it?

[attachment deleted by admin]

[Maxx]

No sure but that looks like some sort of mod problem, but I'll be at the Doc's today>if its an avatar mod you should check with the mod site?
If not we'll look into this later if you give more detaiis!

regards,
Maxx

[Jaym]

Err, hmm, it looks like an error on my end. I've had someone else confirm that the drop down box is readable, whereas it's white for me.

Oh well, browser issue maybe. Thanks again for the help folks.

[Maxx]

You may want to let us know what browser you seeing this end , this may help?

regards,
Maxx