All things Shopify and commerce
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
Solved! Go to the solution
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>
Hello Joeydevries,
please update the code you have sent with this code
<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.
Thanks, but now the entire name is bigger please check link!
Which Alphabet you want to bigger?
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.
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>
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>
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024