Jump to content

Custom Font for Newsletter Block Title

Recommended Posts

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

Edited by JoelleAvalon
Link to comment
  • 6 months later...

@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

Edited by Marya
Link to comment
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
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!

Link to comment
On 5/29/2021 at 1:08 AM, Marya said:

Hi @Tuanphan

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

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

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

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.