different text styles / sizes in same text box?

Site URL: https://www.betweentwonaps.com/

hi there,

is it possible to do different text styles in the same text box?

i'd love for a top line to be one font and bigger

and the second line to be smaller and a different font. not sure how to achieve this with the dropdown text themse squarespace offers.

i want to do this for for the text on all three  image on my homepage at www.betweentwonaps.com

thanks for any help!

ref image example from my site where i'd love to make this work:

Hi. This is possible.

The url doesn't exist. Can you check again?

hi @tuanphan sorry, i corrected the link. any help appreciated!

On 12/23/2020 at 8:41 PM, btn2020 said:

hi @tuanphan sorry, i corrected the link. any help appreciated!

 

 

Add to Home > Design > Custom CSS

div#block-2eee5f09d94ca713087a p {
    font-size: 20px;
}
div#block-2eee5f09d94ca713087a a {
    font-size: 10px;
}

Hello Taunphan,

I need to resize the ® on the chef-avenue.com/omnipan page title to about half the size of the current text. But when I change the font size it applies to all. 

Thank you in advance. 

13 hours ago, Mary_DG said:

Hello Taunphan,

I need to resize the ® on the chef-avenue.com/omnipan page title to about half the size of the current text. But when I change the font size it applies to all. 

Thank you in advance. 

 

Replace Text Block to Markdown Block with this syntax

### Omnipan<span style="font-size:10px;">®</span> Brings Effortless 
Cooking to You

### means heading 3

Hello Taunphan, I tried it but it looks different that what I already have and the ® is at the bottom instead of top right of the last letter:

16 hours ago, Mary_DG said:

Hello Taunphan, I tried it but it looks different that what I already have and the ® is at the bottom instead of top right of the last letter:

Okay. You can remove Markdown. 

Next, make

® italic

then add this to Design > Custom CSS

div#block-2162d5d422d5992836be h3 strong em {
    font-style: normal;
    font-size: 10px;
}

Hello Tuanphan, 

I did what you asked by R is showing at the bottom:

Thanks, 

On 8/2/2022 at 12:42 AM, Mary_DG said:

Hello Tuanphan, 

I did what you asked by R is showing at the bottom:

 

 

Thanks, 

Try this new code

div#block-2162d5d422d5992836be h3 strong em {
    font-style: normal;
    font-size: 10px;
	position: relative;
	top: -20px;
}

If it still doesn't work, can you share link to page in screenshot? We can check easier

Hello Tuanphan, 

It worked thank you very much. 

All the best, 

Mary

Is there a way, in the fluid engine, to do this without going into the code? It seems I've accidentally added different text style's. I'd like to do this intentionally.