Solved

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

kdgraepsey
Tourist
8 0 2

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.

Accepted Solutions (3)
shreyhweb
Shopify Partner
631 109 114

This is an 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

shreyhweb_1-1686239606322.png

 

 

are you want to this? 

 

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

 

thankyou 🙂

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

shreyhweb
Shopify Partner
631 109 114

This is an 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>

 

shreyhweb_0-1686253766355.png

 

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:)

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

shreyhweb
Shopify Partner
631 109 114

This is an accepted solution.

Please add below code

 

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

 

shreyhweb_0-1686340001204.png

 

shreyhweb_1-1686340032034.png

 

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com

View solution in original post

Replies 14 (14)

shreyhweb
Shopify Partner
631 109 114

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

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

https://streetlyfestyle.com/

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

shreyhweb
Shopify Partner
631 109 114

@kdgraepsey 

 

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

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

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

shreyhweb
Shopify Partner
631 109 114

This is an 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

shreyhweb_1-1686239606322.png

 

 

are you want to this? 

 

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

 

thankyou 🙂

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

YES! thank you so much 🙂

shreyhweb
Shopify Partner
631 109 114

@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 🙂

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

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
Shopify Partner
631 109 114

This is an 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>

 

shreyhweb_0-1686253766355.png

 

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:)

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

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
Shopify Partner
631 109 114

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

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

Have multiple request. here the images.

2023-06-09_11-44-41.png2023-06-09_11-42-22.png

shreyhweb
Shopify Partner
631 109 114

This is an accepted solution.

Please add below code

 

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

 

shreyhweb_0-1686340001204.png

 

shreyhweb_1-1686340032034.png

 

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 🙂

 

- If You Find Our Solution Helpful Please Like And Mark As Accepted!
- Sip, savor, and support – your Coffee Tip helps us keep coding.❤️
- If You Want To Further Discussion. Then Contact - info@shreyhsoftsolutions.com
kdgraepsey
Tourist
8 0 2

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