Add different text styles in on line

[zero_to_one]

Hey there,

I’d like to add a smaller text next to my bigger text. what would be the best way to achieve this? https://prnt.sc/pcxnfg

Thanks for your help!

[jade]

Hi @zerotoone.de,

You can wrap the text /month in a span tag like this:

then to style it differently than the price, add this code to the Element CSS of the headline element:

$el.x-text-headline .x-text-content-text-primary span {
    color: #ccc;
    font-size: 0.5em; 
}

Element CSS | Themeco Docs

Please feel free to change the values in the code above.

Hope this helps.