Re: How can I change the font of the top Caption in the "Image with Text" Section?

How can I change the font of the top Caption in the "Image with Text" Section?

aliebn
Tourist
6 0 1

In the Image with Text section, how can I change the font of the top Caption? 

 

See image below as reference; the text I want to change is highlighted in the blue box. Right now, I can change it to either "subtitle" or "uppercase" format as provided in the template, but I can't change the font. I also want to space the text a bit higher since it sits too close to the Heading. 

 

Is this possible? 

 

aliebn_4-1727254536337.png

 

Replies 5 (5)

jonrin0213
Shopify Partner
34 3 2

Hi @aliebn 

Please share your store URL so that I can find the solution.

Was my response useful?  Click Like to let me know!
Was your query resolved? ✓ Mark it as a Resolved Solution
If you need custom Shopify changes, ️you can hire me.
Contact me at  ✉️jonathan.rincon0213@gmail.com.

rifat_Shop
Shopify Partner
61 6 9
Hi,
Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code
Step 2: Search file theme.liquid
Step 3: Insert this code above </head> tag:

 

 

<style>
.image-with-text__text--caption {
    margin-bottom: 10px !important;
    font-family: your font family !important;
}
</style>​

 


if you share store url then i can add font family here

Hope this can help you also, don't forget to Like it and Mark it as Solution!
Best Regards,
Rifat
Found it helpful? Please like and mark the solution that helped you.
Slider Revolution - Create sliders, theme sections, banners, videos, pages, advanced animation, and social feeds.
Essential Grid Gallery - Create photo galleries, video galleries, portfolio galleries, product gallery, collection gallery and more.
EasyDisplay: Product Showcase - Easily display collections, related products, discounts, recently viewed items, and best sellers

Made4uo-Ribe
Shopify Partner
8903 2129 2612

Hi @aliebn 

Would you mind sharing your store URL? Thanks!

If this fixed your issue Likes and Accept as Solution is highly appreciated. Coffee tips fuels my dedication.
Get EXPERIENCED Shopify developers at affordable rates—visit Made4Uo.com for quick quote!
Do not lost your Shopify store! Get FREE trial with ✔️ Rewind Backup: Automatic, reliable, stress-free.
Need THEME UPDATES but has custom codes? No worries, contact us for affordable price.

Vinsinfo
Shopify Partner
453 153 149

@aliebn Please follow the below steps to change the font of the top caption in the "Image with text" section in the dawn theme. Let me know whether it is helpful for you.

 

1. From admin go to "Online Store" -> "Themes".
2. Click "Edit code" button from the current theme.
3. Go to "component-image-with-text.css" file and paste the below code in the bottom of the file.

 

.image-with-text__text--caption {
  font-size: 20px;
  margin-bottom: 12px;
  font-family: serif;
}

 

FYI: Adjust the font size, font family and margin-bottom values as per your need.
 
If the solution doesn't works for you, please share your store URL to check further.
 
Result will be like,
Vinsinfo_0-1727262103459.png

 

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

PageFly-Amelia
Shopify Partner
603 165 236

Hi @aliebn 

This is Amelia from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code. 

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

.caption-with-letter-spacing--medium {

    font-family: 'Inter' !important;

    font-size: 20px !important;

}

 

Hope that my solution works for you.

Best regards,

Amelia | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 
➜ Weekly updated Shopify tutorials on YouTube 


All features are available from Free plan. Live Chat Support is available 24/7.