1
richardb96
How do you change the size of the login boxes
  • 2008/5/28 13:05

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


Hi,

How do you change the size of the login boxes
ie. where you put your username & passowrd?

I need to make them shorter & not do tall....

TIA

2
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/28 13:12

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


this is the code from userbar.html


<{if !$xoops_isuser}>

<{$smarty.const._LOGIN}> 
  


<{if $lang_siteclosemsg}>

<{/if}>


Register
<{else}>
<{xoInboxCount assign=pmcount}>

<{if $pmcount}>
Inbox (<{$pmcount}>)
<{else}>
Show your inbox content
<{/if}>

My profile

<{if $xoops_isadmin}>
Admin
<{/if}>
Logout
<{/if}>


How would I reduce the size of these boxes only & not all the boxes on the site?

3
stefan88
Re: How do you change the size of the login boxes
  • 2008/5/28 13:18

  • stefan88

  • Community Support Member

  • Posts: 1086

  • Since: 2004/9/20


Hi

you shuld put a size="XX" in Quote:

...
..

4
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/28 15:52

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


Hi,

ok i've put size="6" in there and thats made it shorter in length... how do I decrease the height or make the font smaller (just in those two boxes tho...

5
Burning
Re: How do you change the size of the login boxes
  • 2008/5/28 16:41

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi,

Try to edit /css/content-data.css ("width" property):

#xo-userbar input[type=text],#xo-userbar input[type=password] {
width:80px;
font-family:ArialHelveticasans-serif;
font-size:1em;
color:#3676b0;
background-color:#fcfcfc;
border:1px solid #bbb;
outline:none!important;
margin:0 0 2px;
padding:.1em;
}

#xo-userbar input[type=text]:hover,#xo-userbar input[type=password]:hover {
font-size:1em;
background-color:#fff;
color:#639ace;
border:1px solid #3676b0;
outline:none!important;
}

#xo-userbar input[type=text]:focus,#xo-userbar input[type=password]:focus {
outline:none!important;
font-size:1em;
border:1px solid #3676b0!important;
background-color:#fff;
color:#639ace;
}


@+
Still learning CSS and... english

6
richardb96
Re: How do you change the size of the login boxes
  • 2008/5/29 20:34

  • richardb96

  • Just popping in

  • Posts: 78

  • Since: 2008/4/29


this only seems to change the length of the box & not the overall scale (height as well)?

7
Bassman
Re: How do you change the size of the login boxes
  • 2008/5/30 4:28

  • Bassman

  • Friend of XOOPS

  • Posts: 1272

  • Since: 2003/5/23


This is what I did for an old theme (not using #xo-blablah) but you can see what to do for your theme:

Quote:

td#leftcolumn input button{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#rightcolumn input button{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#leftcolumn input{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}
td#rightcolumn input{background-color: #C8DCEA;
border-color: #CBCBCB;
color: #000000;
font-family: verdana, arial, ms sans serif;
font-size: 8pt;

}

8
Burning
Re: How do you change the size of the login boxes
  • 2008/5/30 11:25

  • Burning

  • Theme Designer

  • Posts: 1163

  • Since: 2006/8/22


hi,

Try also to reduce these values

Quote:

font-size:1em;
margin:0 0 2px;
padding:.1em;


@+
Still learning CSS and... english

Login

Who's Online

544 user(s) are online (59 user(s) are browsing Support Forums)


Members: 0


Guests: 544


more...

Donat-O-Meter

Stats
Goal: $100.00
Due Date: Sep 30
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $100.00
Make donations with PayPal!

Latest GitHub Commits