How can I change Choose option font on Crave theme?

[craftivaart]

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?

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

[GemPages · 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.

[Ujjaval · 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;
}

[craftivaart]

Thank you so much!

[craftivaart · Accepted solution]

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

WWW.craftivaart.com

[craftivaart]

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