If you can't log in to the forum, please, use the Old login form.
If you can't enter the Control Panel of your website due to the recent uID issues, please see this thread.
If you want a temporary solution to the profile login issue on your website, please see this post.
Page 1 of 11
Forum moderator: bigblog 
uCoz Community » General Information » First Steps with uCoz » Can't change button width.
Can't change button width.
zawr
Posts: 12
Reputation: 0

Message # 1 | 3:47 AM
Hi.

I have several buttons on a page with different text on each button and I want to assign all buttons same width. I've already tried

<button width="300px" class="button" type="button">text length</button>

and adding this to css

.button {width: 300px !important;}

but their width remains the same, it's shaped in accordance with text length. For some reason it's possible to change their height but not width. Very weird. Please help.
Ken_D
Posts: 51
Reputation: 0

Message # 2 | 3:09 PM
zawr, remove dot . before "button" in css.

Code
button {width: 300px }
zawr
Posts: 12
Reputation: 0

Message # 3 | 10:02 PM
Nope. Any more ideas?

Here's my .css
https://paste.ee/r/iGao7
Kasach
Posts: 31
Reputation: 6

Message # 4 | 7:40 AM
@Zawr,
at this code
Code
<button class="button">text length</button>


try to remove
Code
width="300px" type="button"


and add this at the bottom of your css.
Code
button.button {width: 300px }


And change the width here trough the css...

PS. Maybe give the button an other class name...

You can find me on the unofficial uCoz Discord :)
Post edited by Kasach - Thursday, 2016-11-24, 7:42 AM
zawr
Posts: 12
Reputation: 0

Message # 5 | 12:04 PM
.css
button.stretcher {width: 300px;} or .stretcher {width: 300px;}
html
<button class="stretcher">text length</button>

no dice.

_
UPD.
Found the problem in .css
#casing input[type='submit'],#casing input[type='reset'],#casing input[type='button'],#casing button {width:auto!important;cursor <img src="/.s/sm/1/tongue.gif" border="0" align="absmiddle" alt="tongue" /> ointer;border:none;margin:0 0 1px 1px;text-transform:uppercase;padding:0 15px;font-weight:normal!important;background:#046da3 url(/.s/t/1231/title.png) repeat-x;height:31px;line-height:31px;font-size:11px;color:#fff;text-shadow:0 1px 1px #111;text-transform:uppercase;-moz-box-shadow:0 0 3px #222;-webkit-box-shadow:0 0 3px #222;box-shadow:0 0 3px #222;-webkit-appearance:none;}

This line works now (as well as changing width via .css)
<button style="width:300px">text length</button>

Thanks, everybody.
/thread
Post edited by zawr - Thursday, 2016-11-24, 12:24 PM
uCoz Community » General Information » First Steps with uCoz » Can't change button width.
Page 1 of 11
Search: