|
TOCIFT
|
March 28, 2018 at 1:40 pm
I need to change the width of the add to cart button in css. I added this code
@media (min-width: 1000px)
.header-menu__layout .menu>li>a.btn {
width: 150px;
max-width: 220px;
/* padding: 3px; */
font-weight: bold;
}
But it didn’t work. Can you give me some any ideas where I messed up?
Thanks!!
Laura
|
|
Josh
|
March 28, 2018 at 2:33 pm
Hi Laura,
Generally speaking if you set a pixel width on a button you’ll likely run into issues where the text gets cut off. Here’s a different approach:
@media (min-width: 1000px){
.ticket-selector-submit-btn {
font-size: 16px;
font-weight: bold;
}}
If you want to make the button wider, you increase the font-size. To make it narrower, you decrease the font-size.
|
