Changing Font Size in Product Form

Site URL: https://www.asiawest.net/

Hi there. I have a custom form for customers to fill out when they click the add to cart button on certain products (example). The font size is so small you can barely read it! Could somebody provide me with some code to increase the font size?

Thank you!

Add to Home > design > custom CSS

.lightbox-content .form-inner-wrapper label {
    font-size: 20px;
}

Perfect! On a similar note... what code would I use to change the text size of captions in photo galleries and summaries?

THANK YOU!

11 hours ago, akb33 said:

Perfect! On a similar note... what code would I use to change the text size of captions in photo galleries and summaries?

THANK YOU!

Can you share link to galleries/summaries?

Yes, I have two that I'm referring to:

https://www.asiawest.net/contact (the contact icons on this page)

https://www.asiawest.net/ (in the "Our Products" section)

THANK YOU!

@tuanphan Do you have any ideas on how I could change the text size of the captions in these galleries and summaries? Any help would be greatly appreciated. Thank you!!

20 hours ago, akb33 said:

@tuanphan Do you have any ideas on how I could change the text size of the captions in these galleries and summaries? Any help would be greatly appreciated. Thank you!!

Add to Home > design > Custom CSS

div#block-yui_3_17_2_1_1585416385937_11283 .summary-title a {
    font-size: 30px;
}

I just tried this and it's not changing the font size. For reference, this is what I want to change. Do you notice how small these areas of text are in both my contact summary block and Mailing List form? 

On 5/23/2020 at 4:31 AM, akb33 said:

I just tried this and it's not changing the font size. For reference, this is what I want to change. Do you notice how small these areas of text are in both my contact summary block and Mailing List form? 

You mean Sign up to ... text & email, instagram...?

Yes!

On 5/26/2020 at 2:11 AM, akb33 said:

Yes!

<style>
  .summary-excerpt>p {
    font-size: 18px !important;
}
  .newsletter-form-header-description p {
    font-size: 18px !important;
}
</style>

Edit Contact Page > Add Code Block > paste above code

3 hours ago, tuanphan said:

<style>
  .summary-excerpt>p {
    font-size: 18px !important;
}
  .newsletter-form-header-description p {
    font-size: 18px !important;
}
</style>

Edit Contact Page > Add Code Block > paste above code

This worked perfectly. Thank you SO much!