Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding custom fonts to the Promotional Popup


NB1986

Question

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

11 answers to this question

Recommended Posts

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

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
  • 0

 

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?

 

Link to comment
  • 0
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;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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

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