Solved

Can you increase the size of the first letter in Shopify?

Joeydevries
New Member
12 0 0

On my about us page we want to highlight the first letters of our name in the text because this is part of our business name. I can make it Red already but can't seem to figure out how to increase the letter size. Could somebody help? 

<p><strong><span><span style="color: #ff0000;">C</span>onrad Praamsma: <br /></span></strong>

Link to website is  https://cbj-trading.com/pages/team

Accepted Solution (1)
oscprofessional
Shopify Partner
15834 2369 3072

This is an accepted solution.

 

Hi please add this css.

 

span.highlight {
    font-size: 40px;
}

 

And update this code

 

<p><strong><span><span class="highlight" style="color: #ff0000;">C</span>onrad Praamsma: <br /></span></strong>

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

View solution in original post

Replies 6 (6)

oscprofessional
Shopify Partner
15834 2369 3072

Hello  

 

 

<p><strong><span><span class="highlight" style="color: #ff0000;">C</span>onrad Praamsma: <br /></span></strong>

 

 

Also add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

 

 

span.first-letter {
    font-size: 33px;
}

 

 

For every heading do this procedure.

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Joeydevries
New Member
12 0 0

Thanks, but now the entire name is bigger please check link!

oscprofessional
Shopify Partner
15834 2369 3072

Which Alphabet you want to bigger?

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
Joeydevries
New Member
12 0 0

I just want the first red letter of our names bigger! Not the whole name so the C of conrad Praamsma, the B of Bastiaan van den Berg and the J of Joey de Vries.

oscprofessional
Shopify Partner
15834 2369 3072

This is an accepted solution.

 

Hi please add this css.

 

span.highlight {
    font-size: 40px;
}

 

And update this code

 

<p><strong><span><span class="highlight" style="color: #ff0000;">C</span>onrad Praamsma: <br /></span></strong>

 

 

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing
oscprofessional
Shopify Partner
15834 2369 3072

Also for B and J

	<strong><span class="highlight" style="color: #ff0000;">B</span>astiaan van den Berg:<br></strong>
	<strong><span class="highlight" style="color: #ff0000;">J</span>oey de Vries:<br></strong>
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing