heres's my button and its i guess "hitbox" adding more padding to the link makes the whole button wider not just the clickable space.. im super new to html & css so if anyone can help id really appreciate it!
so sorry if this is spaghetti or bad or something, literally my first time doing this on my own LOL
you could try adding this sort of stuff into .navi
max-width: 100px; /* adjust the value until its right for you ofc */
text-align: center;
:3
@GOAT the issue is that the spot outside of the orange box is not clickable, i want the whole button to be yk? that one just sorta moved the text to the right a little lol
@Omnium maybe the parent container??
can ya show me the page itself :o
@GOAT this is what ive got since its preview is locally hosted atm nod nod
if you're looking for the full code i can also do that
@Omnium i think i know where things are going wrong here tbh
okay so your navi/navi2 thing yeah
take all the stuff, such as color, font, background etc
remove that, setting the background as transparent
.navi, .navi2 {
background:transparent !important;
border:none !important;
box-shadow: none !important; }
(idea is to use navi/navi2 as an "invisible" element you'll put stuff into)
then give all those previous properties to .navbutton instead
including the max-width and text-align i suggested earlier
lmk how you get on with that :3
@GOAT sorry im a little confused on what you mean by thqat bweuuh sosryy im like <-- just started learning like two days ago LOL
basically, take the properties you've given to navi/navi2
and give them to navbutton instead
@GOAT okay awesome! it worked :] tysm!!
however one thing i gotta mention is there is those little white dots for a list then, and im unsure how to remove them without grouping them in a ul however doing that sorta shoves them to the right and i have NO idea how to fix that now 😭 is there a way to remove the bullets without using a li or a way to make ul not throw itself to the right
try
li {
list-style-type: none !important; }
that should remove the list marker stuff
:3
@GOAT thakn u thanku !! u do live up to the username ^_^
You must be logged in to reply.
