NB1986 Posted July 13, 2019 Share Posted July 13, 2019 (edited) 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 July 13, 2019 by NB1986 Initial Revision Link to comment
tuanphan Posted July 13, 2019 Share Posted July 13, 2019 @NB1986 Can you share site url? 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
NB1986 Posted July 14, 2019 Author Share Posted July 14, 2019 The site is www.nicolebarton.co.uk Link to comment
thespungo Posted August 19, 2019 Share Posted August 19, 2019 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 Link to comment
tuanphan Posted January 29, 2020 Share Posted January 29, 2020 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; } anna6, Lo_, SodaCreekDigital and 1 other 1 2 1 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
Sherman Posted January 1, 2021 Share Posted January 1, 2021 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
tuanphan Posted January 1, 2021 Share Posted January 1, 2021 18 hours ago, Sherman said: Can you share site url? 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!) Link to comment
Sherman Posted January 2, 2021 Share Posted January 2, 2021 18 hours ago, tuanphan said: Can you share site url? We can check easier. Sure! www.auntyhong.sg Password: payinghomage123 Link to comment
tuanphan Posted January 5, 2021 Share Posted January 5, 2021 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; } Venera 1 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
Guest Posted January 9, 2021 Share Posted January 9, 2021 Does anyone know how to change the size of the header text in the promotional pop-up?? thanks! Link to comment
tuanphan Posted January 9, 2021 Share Posted January 9, 2021 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
Pally Posted November 10, 2022 Share Posted November 10, 2022 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
tuanphan Posted November 13, 2022 Share Posted November 13, 2022 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
allykemper Posted October 30 Share Posted October 30 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
tuanphan Posted November 1 Share Posted November 1 On 10/30/2024 at 6:57 PM, allykemper said: Hi! This works great, but if there a way to have different font for the heading and the body text? TIA! Do you have link to your site? We can check popup text 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!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment