how to change button size

how to change button size command

67 Replies

roelof•16mo ago

what code have you tried ?

laithOP•16mo ago

wdym? i just wahnt the css thing

roelof•16mo ago

I know but we can only help if you show the code you have we will not make eveything for you see again the channel rules

laithOP•16mo ago

but showing the code isnt gona help?

roelof•16mo ago

it is

roelof•16mo ago

and otherwise this link : https://letmegooglethat.com/?q=css%20size%20button

LetMeGoogleThat.com

Let Me Google That

For all those people that find it more convenient to bother you with their question than to google it for themselves.

laithOP•16mo ago

soo wich one is the one that change the size bro its just 1 word or 2 cant u just type it?

roelof•16mo ago

if we tell you everything you will never learn anything

laithOP•16mo ago

are u just gona tell me

roelof•16mo ago

a good developer can find these basic question for yourself nope, there are more ways

laithOP•16mo ago

like waiting 40min bro i learn coding by memorizing the code

roelof•16mo ago

and you could find the answer with google in 2 min

laithOP•16mo ago

i spent 10min on google and i gave up

roelof•16mo ago

that is a dead end. you never will remember all the css commands you need use the link I gave you

laithOP•16mo ago

rn am good at html/css from doing this

laithOP•16mo ago

o wich one of thos

laithOP•16mo ago

i serhced on google and got the same code i tryed it and it didint change size

roelof•16mo ago

if you were good , you would know the answer one of them do

laithOP•16mo ago

i tried them all bruh first i thought of font-size but didint work

Jochem•16mo ago

then post your code that you tried, there might be something else wrong with it. setting padding should work just fine

laithOP•16mo ago

then i thought of display

roelof•16mo ago

looks like to me, you are not good at css 😛

laithOP•16mo ago

can u just tell me the aswer

roelof•16mo ago

nope

laithOP•16mo ago

why not

roelof•16mo ago

first obey the rules and maybe we can help you Like i said several times, you have to do some effort

laithOP•16mo ago

can u send me the thing to send the code that looks like this ''' to make the code

roelof•16mo ago

Jochem have told you several times what you must do to get help and you refuse it

Jochem•16mo ago

```html and ```css

laithOP•16mo ago

i cant find it in my keyboard wich letter is it?

Jochem•16mo ago

it's left of the 1 key on the number row of a QWERTY keyboard, called a backtick

roelof•16mo ago

DO SOME EFFORT instead of asking eveything

laithOP•16mo ago

how u whant me to get it without it being in my keyboard ;-;

body{
    background-color: black;
}
.menu {
    color: white;
    position: absolute;
    left: 500px;
    top: 100px;
    border: solid green 2px;
    text-align: center;
    margin: auto;
}.menu1{
    color: white;
    position: absolute;
    left: 530px;
    top: 46px;
    border:green solid 2px;

    text-align: center;
    margin: auto;
    
}
.menu h1 {
background-color: green;
margin-top: 0px;
margin-bottom: 0px;
}
.chiken{
    margin-top: 0px;
}
.order{
    position: absolute;
    left: 530px;

}

body{
    background-color: black;
}
.menu {
    color: white;
    position: absolute;
    left: 500px;
    top: 100px;
    border: solid green 2px;
    text-align: center;
    margin: auto;
}.menu1{
    color: white;
    position: absolute;
    left: 530px;
    top: 46px;
    border:green solid 2px;

    text-align: center;
    margin: auto;
    
}
.menu h1 {
background-color: green;
margin-top: 0px;
margin-bottom: 0px;
}
.chiken{
    margin-top: 0px;
}
.order{
    position: absolute;
    left: 530px;

}

snxxwyy•16mo ago

I personally think you’re being a little bit rude for anyone to help you currently

laithOP•16mo ago

no one is helping me bruh

Jochem•16mo ago

what's the HTML look like?

laithOP•16mo ago

<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>order</title>
<link rel="stylesheet" href="hi.css">
</head>
<body>

<div class="menu">
<h1>menu</h1>
<h2 class="chiken">chiken burger</h2>
<h2>fried chiken</h2>
<h2>fried potato</h2>
<h2>ice cream</h2>
<h2>coffe</h2>
</div>
<div class="order">

</div>
<div class="order">
<button  value="order">order</button>
</div>     

<script src="hi.js"></script>
</body>
</html>

<html lang="en">
<head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>order</title>
<link rel="stylesheet" href="hi.css">
</head>
<body>

<div class="menu">
<h1>menu</h1>
<h2 class="chiken">chiken burger</h2>
<h2>fried chiken</h2>
<h2>fried potato</h2>
<h2>ice cream</h2>
<h2>coffe</h2>
</div>
<div class="order">

</div>
<div class="order">
<button  value="order">order</button>
</div>     

<script src="hi.js"></script>
</body>
</html>

here

laithOP•16mo ago

and heres the web

Jochem•16mo ago

your HTML has value="order" but no class="order" which you are using as a selector here .order{

snxxwyy•16mo ago

You have to send the code in a nice format and explain your problem for us to understand, you can’t come in and expect people to give you the code, it’s difficult to learn like that. It’s all about sharing what you’ve tried and asking questions about what people have helped you with.

laithOP•16mo ago

its inside a div that have a class

Jochem•16mo ago

which makes the padding apply to the div, not the button

laithOP•16mo ago

the div contains the button

Jochem•16mo ago

wait, the padding isn't in there. I thought you tried setting a padding?

roelof•16mo ago

@laith I would say do the css and advanced css course of codeacademy there is a lot wrong with the css

laithOP•16mo ago

like what every thing is what i expected i whanted it liek this?

Jochem•16mo ago

so you want to make the button bigger, right? You have to write a CSS selector that targets the button, and then apply a property to it how would you write a CSS selector to target that button?

laithOP•16mo ago

by the class? so u wahnt me to give the button a class and thin padding it?

Jochem•16mo ago

that would work, yes

laithOP•16mo ago

ill try

Jochem•16mo ago

alternatively you can use a child selector, so .order button would target a button inside of an element with class order I would very strongly recommend you follow some basic CSS and HTML courses, though. This is a very basic question and we can't teach you CSS from scratch without you putting in effort on your own to learn at least the very basics

snxxwyy•16mo ago

Exactly that ^, It’s totally good if you’re not really familiar with how these things work, everyone starts somewhere, we all did, that’s why courses and questions exist, to help us learn.

laithOP•16mo ago

didint work

Jochem•16mo ago

then share your new code

laithOP•16mo ago

ill just go serch on google thx fro the helping tho

roelof•16mo ago

snxxwyy•16mo ago

Let’s try this, create a new button that looks like this-

<button class=“test”>test button</button>

<button class=“test”>test button</button>

And then add some css that looks like like this and see if it makes your button bigger-

.test {
  padding: 1em 1.5em;
}

.test {
  padding: 1em 1.5em;
}

Jochem•16mo ago

@laith Kevin has a playlist of videos for HTML and CSS for complete beginners, I think you might benefit from following along https://www.youtube.com/playlist?list=PL4-IK0AVhVjM0xE0K2uZRvsM7LkIhsPT-

YouTube

HTML & CSS for beginners

An introduction to HTML and CSS for people who are looking to learn how to build a website from scratch. Starting off with HTML and progressing into CSS, I c...

roelof•16mo ago

thinks he do not want to learn only spoonfeeded

Jochem•16mo ago

it's 6 years old now, but the basics haven't really changed

laithOP•16mo ago

i watched bro code sourse course*

Jochem•16mo ago

also his very most recent video is about styling text with CSS from a complete beginner POV https://www.youtube.com/watch?v=Y5TYDo9Qcv4

Kevin Powell

YouTube

Beginner’s guide to styling text with CSS

Get my Essential Font Properties Cheat Sheet for a quick reference to the different properties and values I talk about in this video: https://kevin-powell.ck.page/d3dcf0ac84 When we first start learning about CSS, one of the first things we learn is that we can style our text with properties like font-family and color. Quickly, though, we’re bo...

laithOP•16mo ago

ok ig this would help ty and btw jochem the code actully worked i just nede to refresh the page

snxxwyy•16mo ago

But do you understand why the code works?

laithOP•16mo ago

yh i just need to use it a couple times

snxxwyy•16mo ago

Alrighty that’s good

Gaming

Programming

how to change button size