Make variation size/color text bigger custom theme MOBILE version

Store Design
1

Hi, I would like to change in mobile version, where is says color:cream, I would like to make the cream word bigger. How can I do this?

Image for example hosted here:

https://ibb.co/PzqWJVJ

and website is

https://susiesmoda.myshopify.com/

product link

https://bellababeaccessories.com/collections/new-arrivals/products/fancy-c-beanie?variant=41800576925892

Thanks

2

@urbantis Go to assets/main.css and put bellow css at bottom of file.

screen and (max-width: 749px)
#azx_select_0 H4.swatch__title SPAN.azx_name_current, #azx_select_0 H4.swatch__title SPAN.azx_name_current, #azx_select_0 H4.swatch__title SPAN.azx_name_current

{
font-size:13px !important;
}
3

Hey @urbantis ,
Welcome to the Shopify community!
You can follow the instruction below:
Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file.

@media screen and (max-width: 749px)
#azx_select_0 H4.swatch__title SPAN.azx_name_current, #azx_select_0 H4.swatch__title SPAN.azx_name_current, #azx_select_0 H4.swatch__title SPAN.azx_name_current {
    font-size: 13px !important;
}

If you feel like my answer is helpful, please Like and mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman

4

Thanks for your reply, I followed instructions but I do not see the text is changing, what am I doing wrong?