Adding custom fonts to the Promotional Popup

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!

@NB1986 Can you share site url?

The site is www.nicolebarton.co.uk

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

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;
}

On 1/29/2020 at 8:25 PM, 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 @tuanphan,

Is there a code for adding custom font to just the title text of the pop up?

18 hours ago, Sherman said:

 

 

Can you share site url? We can check easier.

18 hours ago, tuanphan said:

Can you share site url? We can check easier.

Sure! 

www.auntyhong.sg

Password: payinghomage123

On 1/3/2021 at 12:21 AM, Sherman said:

Sure! 

www.auntyhong.sg

Password: payinghomage123

Use this code

h1#sqs-slash-page-header {
    font-family: monospace !important;
}

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

thanks!

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;
}

thank you! it worked!

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

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?