Jump to content

Adding custom fonts to the Promotional Popup

Recommended Posts

Hello!

So, I've had quite a lot of success being able to change the fonts across my site with CSS depending on the block used. However, I cannot get this to apply to the Promotional Popup.

For example, I currently have the following:


h1, h1 a, h1 blog title, entry-title {
font-family: 'Wilderness';
}

So that my blog titles etc are all my custom h1 font. However, this does not seem to be overriding within the popup and it is maintaining the font listed in the Site Styles.

Is there a special identifier such as "h1 promotional" that can be used? I've tried using an inspect field in chrome to determine the data range, but using ".sqs-slide-wrapper", ".sqs-slice-heading" and ".sqs-popup-overlay" seem to have no affect.

Any help is greatly appreciated!

Edited by NB1986
Initial Revision
Link to comment
  • 1 month later...
  • 5 months later...
On 8/19/2019 at 9:36 AM, thespungo said:

Was this resolved? If so, how? I'd also like to add my custom fonts to a promotional pop-up on my site but can't seem to find the custom CSS necessary to do so.

@NB1986

For future members

add this code to Home > Design > Custom CSS. Replace Tuan with your font name

.sqs-popup-overlay * {
    font-family: Tuan !important;
}

 

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!)

Link to comment
  • 11 months later...
7 hours ago, shakeraalexis said:

Does anyone know how to change the size of the header text in the promotional pop-up??

thanks!

Try adding to Home > Design > Custom CSS

h1#sqs-slash-page-header {
    font-size: 30px !important;
}

 

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!)

Link to comment
  • 1 year later...
On 1/29/2020 at 5:25 AM, tuanphan said:

For future members

add this code to Home > Design > Custom CSS. Replace Tuan with your font name

.sqs-popup-overlay * {
    font-family: Tuan !important;
}

 

Hi tuan 

What would work to have the text below the  title be custom font as well. right now the whole pop up is one font. i'd like title font to be sundayromantic and the rest (text, button, email box, disclaimer) to be syne...thank you! 

my website www.oneightydesigns.ca

Link to comment
On 11/10/2022 at 4:54 PM, pallykhurma said:

Hi tuan 

What would work to have the text below the  title be custom font as well. right now the whole pop up is one font. i'd like title font to be sundayromantic and the rest (text, button, email box, disclaimer) to be syne...thank you! 

my website www.oneightydesigns.ca

Site doesnt work. Can you check url again?

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!)

Link to comment
  • 1 year later...
On 1/10/2021 at 2:39 AM, tuanphan said:

Try adding to Home > Design > Custom CSS

h1#sqs-slash-page-header {
    font-size: 30px !important;
}

 

Hi! 

This works great, but if there a way to have different font for the heading and the body text?

TIA!

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.