Jump to content

Custom Font for Newsletter Block Title

Recommended Posts

Posted

Site URL: http://alpaca-platinum-8tsx.squarespace.com

Hi Friends,

Can someone kindly guide me on what line of code I need to add custom font to the TITLE of my newsletter block? 

I have a newsletter block on both my homepage and contact page, and I noticed when updating copy on one it does not apply to the other - so I assume I will need to add code in for each block separately? How do I ensure it is applied to both instances?

Thanks very much!

Joelle

 

Screenshot (109).png

  • Replies 9
  • Views 2.7k
  • Created
  • Last Reply
  • 6 months later...
Posted

@tuanphan How do you change the newsletter block title to include two different font styles? I'm using 7.0 Brine Template. Looking to achieve this look like the screenshot from non-squarespace site attached below. 

newsletter-block-two-font-styles.png

Posted
14 hours ago, Marya said:

@tuanphan How do you change the newsletter block title to include two different font styles? I'm using 7.0 Brine Template. Looking to achieve this look like the screenshot from non-squarespace site attached below. 

newsletter-block-two-font-styles.png

Hi. You will need to use Text Block/Or Markdown/Code Block to recreate Title, then you can use different font. Can you share link to page where you added newsletter? We can check easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Posted

@tuanphan The page url is https://www.pete-eats.com/home and the newsletter block is in the footer.

Is it also possible to make the newsletter block a single line? I'm currently using a code someone created to make it one line but the spacing is weird and pushes the newsletter title to two lines. 

Thanks in advance!

newsletter-block.jpeg

Posted
22 hours ago, Marya said:

@tuanphan The page url is https://www.pete-eats.com/home and the newsletter block is in the footer.

Is it also possible to make the newsletter block a single line? I'm currently using a code someone created to make it one line but the spacing is weird and pushes the newsletter title to two lines. 

Thanks in advance!

newsletter-block.jpeg

Add to Design > Custom CSS

/* newsletter title */
h2.newsletter-form-header-title {
    white-space: nowrap;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • 2 weeks later...
Posted
On 5/19/2021 at 2:52 AM, tuanphan said:

Hi. You will need to use Text Block/Or Markdown/Code Block to recreate Title, then you can use different font. Can you share link to page where you added newsletter? We can check easier

Hi @Tuanphan

How do I do this? The newsletter is in the footer for www.pete-eats.com/home. Thanks!

Posted
21 hours ago, tuanphan said:

Hi. I see 2 newsletters on homepage. Which newsletter you want to apply this?

I'd like to do it for both please. 

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.