TheCripZone SMF Themes Site

All Things Public => Theme Support => Topic started by: Jaym on Mar 11, 11, 02:27:59 AM

Title: XCaliber Textbox font size
Post by: Jaym on Mar 11, 11, 02:27:59 AM
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.
Title: Re: XCaliber Textbox font size
Post by: willemjan on Mar 11, 11, 04:32:59 AM
Yeah search for textarea in the index.css

Change the % in there ;)
Title: Re: XCaliber Textbox font size
Post by: Crip on Mar 11, 11, 08:30:25 AM

/* The font size of textareas should be just a little bit larger. */
textarea
{
font: 100%/130% verdana, Helvetica, sans-serif;
}
Title: Re: XCaliber Textbox font size
Post by: willemjan on Mar 11, 11, 08:39:21 AM
Yep, that indeed :up:
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 11, 11, 03:24:20 PM
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:

/* 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;
}
Title: Re: XCaliber Textbox font size
Post by: Crip on Mar 11, 11, 03:40:36 PM
not sure why?
..you can try this bit and 'one should' change the size..

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;
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 11, 11, 09:02:13 PM
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.
Title: Re: XCaliber Textbox font size
Post by: willemjan on Mar 12, 11, 07:02:35 AM
Could we get an link to your site, with an test account for us?
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 12, 11, 12:30:57 PM
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.
Title: Re: XCaliber Textbox font size
Post by: willemjan on Mar 14, 11, 07:29:23 AM
Found it!

In index.css there is this:

textarea {
font-size: 120%;


Change that to 100%
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 14, 11, 03:44:19 PM
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?
Title: Re: XCaliber Textbox font size
Post by: Maxx on Mar 14, 11, 05:30:43 PM
jaym,

this is the code you need to work with:
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
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 14, 11, 06:37:04 PM
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!
Title: Re: XCaliber Textbox font size
Post by: Maxx on Mar 14, 11, 08:28:30 PM
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.

#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:

#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;
}
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 15, 11, 12:51:04 AM
I believe I may have worded that incorrectly, what I mean to reference was this type of dropdown box:

(http://dl.dropbox.com/u/9197543/dropdown.png)
Title: Re: XCaliber Textbox font size
Post by: Crip on Mar 15, 11, 08:37:51 AM
You fixed it?

[attachment deleted by admin]
Title: Re: XCaliber Textbox font size
Post by: Maxx on Mar 15, 11, 09:05:05 AM
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
Title: Re: XCaliber Textbox font size
Post by: Jaym on Mar 16, 11, 01:39:09 AM
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.
Title: Re: XCaliber Textbox font size
Post by: Maxx on Mar 16, 11, 10:46:34 AM
You may want to let us know what browser you seeing this end , this may help?

regards,
Maxx