Studio Theme - How adjust size of the add to cart and Quantity Box

[kdgraepsey]

Hello -

I am currently using studio theme and I would like to reduce the button size of add to cart / buy now as well as the Quantity buttons.

[shreyhweb · Accepted solution]

@kdgraepsey 

you can use below code above </body> in theme.liquid

<style>

.product-form__submit, .shopify-payment-button{
max-width:200px!important;
}

.quantity{

max-width:80px!important;

}

button.quantity__button.no-js-hidden {
max-width: 30px!important;
}

.quantity__input{

max-width: 30px!important;

}
</style>

after that

are you want to this? 

if you have any questions or want help you can contact us 

thankyou 🙂

[shreyhweb · Accepted solution]

@kdgraepsey 

haha, you always welcome we are here for help any time.

Please use below code in theme.liquid

<style>

.product__description.rte p {
font-size: 14px!important;
}
</style>

Please don't forget accept and like! 🙂

You can also connect with our official whatsapp for any help related with store. just for fast communication. 

Thankyou:)

[shreyhweb]

share the store URL then we will able to help you.

[kdgraepsey]

https://streetlyfestyle.com/

site is currently locked but here's the pw: Password1!

[shreyhweb]

@kdgraepsey 

which size do you want? because we check on there have default size of both buttons.

[kdgraepsey]

Just enough to show the add to cart/buy now as well as the Quantity box to enough to show the number.

[shreyhweb · Accepted solution]

@kdgraepsey 

you can use below code above </body> in theme.liquid

<style>

.product-form__submit, .shopify-payment-button{
max-width:200px!important;
}

.quantity{

max-width:80px!important;

}

button.quantity__button.no-js-hidden {
max-width: 30px!important;
}

.quantity__input{

max-width: 30px!important;

}
</style>

after that

are you want to this? 

if you have any questions or want help you can contact us 

thankyou 🙂

[kdgraepsey]

YES! thank you so much 🙂

[shreyhweb]

@kdgraepsey 

Our pleasure.

if you want to discuss any further information then you can contact us.

And please don't forget the like button.

Thankyou 🙂

[kdgraepsey]

Hello -

I am back again haha. can you assist on how to reduce the font size on the product information - description? I already have it on the smallest font size scale but I wanted to reduce it more.

[shreyhweb · Accepted solution]

@kdgraepsey 

haha, you always welcome we are here for help any time.

Please use below code in theme.liquid

<style>

.product__description.rte p {
font-size: 14px!important;
}
</style>

Please don't forget accept and like! 🙂

You can also connect with our official whatsapp for any help related with store. just for fast communication. 

Thankyou:)

[kdgraepsey]

Sweet! 

My apologies but can you also assist me on reducing the size for the Product Information - Title and Collection Banner?

I forgot to add this request previously.

[shreyhweb]

sorry friend i don't understand. can you give us the screenshots for understanding what you want?

[kdgraepsey]

Have multiple request. here the images.

[shreyhweb · Accepted solution]

Please add below code

<style>
h1.collection-hero__title {
font-size: 24px!important;
}
.product__title h1 {
font-size: 24px!important;
}
</style>

Friend, the second thing[variant moving] is not possible without change the layout of html. if you want to do it then you need to hire a developer. Because that is not possible to give you the whole code here.

if you want to discuss further information then you can contact us.

Thankyou 🙂

[kdgraepsey]

this is awesome. understood on the variant. appreciate the help!