First letter different

Solved
Highlighted
New Member
9 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

0 Likes
Highlighted

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.

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 0 0

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

0 Likes
Highlighted

Which Alphabet you want to bigger?

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
New Member
9 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.

0 Likes
Highlighted

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>

 

 

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted

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>
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes