Solved

How can I change Choose option font on Crave theme?

craftivaart
Excursionist
26 1 4

When the ''Choose option'' popup opens on the Crave theme, you see a huge font that you have no option to change. Does this problem have a solution?

choose option.jpg

You can check it on my website :  www.craftivaart.com

www.craftivaart.com
Accepted Solutions (3)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @craftivaart 

 

It's GemPages support team and glad to support you today.

You can use the following CSS code:

where this line can be replaced with CSS properties:  color, font-size, font-family...
/* Custom css code */ 

 

   .quick-add-modal__content-info .product__info-wrapper a.product__title > h2{
      /* Custom css code */
   }

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Ujjaval
Shopify Partner
1242 197 206

This is an accepted solution.

@craftivaart 
add below css base.css(online store->theme->asset->base.css)

h2.h1 {
    font-size: 13px !important;
}
fieldset.js.product-form__input {
    display: flex !important;
}
.product-form__input input[type=radio]:checked+label {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
    width: 306px !important;
    height: 61px !important;
}

Ujjaval_0-1671028902517.png

 

 

View solution in original post

craftivaart
Excursionist
26 1 4

This is an accepted solution.

Thank you for your detailed solution. I really appreciate it.

 

WWW.craftivaart.com

www.craftivaart.com

View solution in original post

Replies 5 (5)

GemPages
Shopify Partner
5588 1261 1203

This is an accepted solution.

Hello @craftivaart 

 

It's GemPages support team and glad to support you today.

You can use the following CSS code:

where this line can be replaced with CSS properties:  color, font-size, font-family...
/* Custom css code */ 

 

   .quick-add-modal__content-info .product__info-wrapper a.product__title > h2{
      /* Custom css code */
   }

 

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

 

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
craftivaart
Excursionist
26 1 4

Thank you so much!

www.craftivaart.com

Ujjaval
Shopify Partner
1242 197 206

This is an accepted solution.

@craftivaart 
add below css base.css(online store->theme->asset->base.css)

h2.h1 {
    font-size: 13px !important;
}
fieldset.js.product-form__input {
    display: flex !important;
}
.product-form__input input[type=radio]:checked+label {
    background-color: rgb(var(--color-foreground));
    color: rgb(var(--color-background));
    width: 306px !important;
    height: 61px !important;
}

Ujjaval_0-1671028902517.png

 

 

craftivaart
Excursionist
26 1 4

This is an accepted solution.

Thank you for your detailed solution. I really appreciate it.

 

WWW.craftivaart.com

www.craftivaart.com
craftivaart
Excursionist
26 1 4

Could you please tell me if there is any solution for the mobile version? It does not look good on a mobile device.

www.craftivaart.com