In this video, learn 5 easy CSS tips and tricks that you can use to edit your sales funnels in ClickFunnels.
The word “coding” can often send people running but these quick tips can help you add elements to your sales funnels, even if you are not a techie or you are a beginner to ClickFunnels.
ClickFunnels is a software that allows you to easily build beautiful and functional sales funnels without a single line of code but sometimes you want to add more that requires a little bit of coding.
In today’s video, I am going to show you how to prevent image stacking on a mobile screen, add a video as a background to your funnel, create a custom shadow for your rows and sections, easily create a custom gradient background, and add a custom font from Google fonts.
CODING USED IN VIDEO:
#1. Prevent mobile stacking –
▶ *your css ID selector* {
display: flex;
flex-flow: row nowrap;
align-items:baseline;
}
#2: Video background –
▶ Pexels: https://www.pexels.com/
#3: Custom shadow –
▶ Shadow generator: https://cssgenerator.org/box-shadow-css-generator.html
#4: Custom gradient –
▶ Grabient: https://www.grabient.com/
#5: Custom font –
▶ @font-face {
font-family: ‘yourdigitalassetname’;
src: url(‘link’)
}
▶ Heading:
.hsSize3 {
font-family: ‘yourdigitalassetname’;
}
▶ Paragraph/Body:
.hsSize1{
font-family: ‘yourdigitalassetname’;
}
▶ Sub-Heading:
.hsSize2 {
font-family: ‘yourdigitalassetname’;
}
▶ Button:
.elButtonMain {
font-family: ‘yourdigitalassetname’;
}
▶ Bold:
b {
font-family: ‘yourdigitalassetname’;
}
▶ Navigation :
ul {
font-family: ‘yourdigitalassetname’;
}
______
⚡️TIMESTAMPS:
0:00 – Intro
1:15 – Tip #1: Prevent image stacking
5:15 – Tip #2: Add a video background
10:10 – Tip #3: Create a custom shadow
13:37 – Tip #4: Create a custom gradient background
16:53 – Tip #5: Add custom font
27:31 – Don’t forget to like and subscribe!
⚡️ INCLUDED IN THE VIDEO:
▶ ClickFunnels FREE trial: https://kylaliu.com/freetrial
▶ Free books: https://kylaliu.com/grab-your-copy-today-nvpqzwy4
⚡️ LET’S CONNECT:
▶ Instagram: https://www.instagram.com/kylazliu/
▶ Facebook: https://www.facebook.com/kylazliu/
▶ TikTok: https://www.tiktok.com/@kylaliu?lang=en
▶ Website: https://kylaliu.com/
⚡️ Don’t forget to LIKE & SUBSCRIBE! New video every Friday! ⚡️
⚡️CONTACT:
▶ For business inquiries only: [email protected]
⚡️ TOOLS & SERVICES I USE:
▶ Send emails easily (ActiveCampaign): https://www.activecampaign.com/?_r=P93AT477
▶ Keyword research tool for YouTube (TubeBuddy): https://www.tubebuddy.com/kylaliu
▶ Save time and outsource (Fiverr): https://track.fiverr.com/visit/?bta=171679&brand=fiverrcpa
▶ Funnel/website builder (ClickFunnels): https://www.clickfunnels.com/?cf_affiliate_id=2259463&affiliate_id=2259463
DISCLAIMER: This video and description may contain affiliate links, which means that if you click on one of the product links, I’ll receive a commission at no additional cost to you. This helps support the channel and allows me to continue to make free videos like this. I will never support or push a product I don’t believe in. Thank you for your support! This disclosure is intended to comply with the US Federal Trade Commission Rules on marketing and advertising, as well as any other legal requirements which may apply.