How do i increase the size of the caption in rich text section?

How do i increase the size of the caption in rich text section?

Studioiris
Tourist
10 0 5

How do i increase the size of the caption in rich text section?

Replies 5 (5)

devcoders
Shopify Partner
1144 135 324

Hi @Studioiris 

If you share your store URL and password with me, I will check and provide you with the solution.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!
Studioiris
Tourist
10 0 5
Thank you so much! https://3e7bc0-ba.myshopify.com/pages/about code Morris
devcoders
Shopify Partner
1144 135 324

Hi @Studioiris 

- Go to Online Store -> Theme -> Edit code.
- Find the file assets/base.css and paste the code below at the bottom of the file.

 

.rich-text__blocks * {
font-size: 18px;
}

 

devcoders_0-1718464802413.png

 

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

BSSCommerce-B2B
Shopify Partner
1972 564 566

Hi @Studioiris , 

 

I have reviewed your requirement, you just need to edit css script and the issue will be resolved.  You can follow my instructions! 

 

Step 1: Go to Admin -> Online store -> Theme > Edit code:

BSSCommerceB2B_0-1718468590456.png

 

 

 

Step 2: Search for the file base.css. And add this code snippet to the end of the file.

 

 

.rich-text__blocks.center {
    max-width: fit-content !important;
    font-size: larger;
}

 

 

In this step, you change the max-width for increase the size of the caption in rich text section. 

In my example, I choose: max-width: fit-content. You can change to "10rem" or  "15rem" as you want. 

 

Step 3: Save your code and reload this page.

=>> The result: 

BSSCommerceB2B_0-1718469119447.png

 

 

I hope these instructions will help you. If they are helpful, please give us likes and mark as the solution.

Have a nice day sir! 

B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.


B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.


B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.


BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now

Made4uo-Ribe
Shopify Partner
10038 2387 3014

HI @Studioiris 

check this one. 

From your Shopify admin dashboard, click on "Online Store" and then "Themes".

Find the theme that you want to edit and click on "Actions" and then "Edit code".

In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

 

.rich-text__caption.caption-with-letter-spacing.caption-with-letter-spacing--large {
    font-size: 4rem;
}

 

And save. 

Result:

Made4uoRibe_0-1718469430270.png

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.