ClickFunnels: How to Alter Any Element (Using Inspect Element CSS)

Why am I showing this?: 0:13

What will these changes look like?: 1:01

***Disclaimers: 1:33

How to change these elements: 3:01

Here is the link to the CSS page with all the codes you can use: https://www.w3schools.com/css/

Hey all!

In this video, I show you how to change any part of your ClickFunnels page if you are not able to do using the editor or via the custom CSS changes we have been doing before.

These features may not be available inside of the ClickFunnels editor simply because they may be deemed to be too much and unnecessary (ClickFunnels is made to be simple, why over complicate things?), and they are not able to be changed inside the custom CSS area because these elements include SEVERAL parts in one – so changing the entire element will change the WHOLE part, not some individual piece of it. For example if there is an image and text element that we want to change, we can’t individually change the text and image if they are together using the custom CSS tool. We will need to click on ‘inspect element’, highlight the part we want to change, and change it from there.

This will really come in handy if there is a tiny, small thing you want to change and you can’t find how – now you can!

***A few disclaimers though:

1) You may not be able to make these simple changes on EVERY element part. There is a lot of code on the ClickFunnels page and in order to do that, we will need to play with the code from the entire page, which is too risky.

2) IF YOU DO THIS IMPROPERLY, THIS MAY BREAK YOUR PAGE. YOU WILL BE MESSING WITH THE CODE FOR THE ENTIRE CLICKFUNNELS PAGE, SO IF YOU DO SOME CHANGES INCORRECTLY, SAVE YOUR WORK, AND FORGOT WHAT YOU DID SO THAT YOU ARE NOT ABLE TO GO BACK AND FIX, YOUR PAGE MAY BE BROKEN AND YOU WILL NEED THE HELP OF A CSS EXPERT TO FIX IT.

To counter these, I recommend you do all 3 of these things:

A) Save your page as template in case something does go wrong. That way, you can simply delete that funnel step and reload it again from your saved templates.

B) Start a brand new ‘experiment’ step or funnel and practice your work there first before applying it to your own funnel.

C) PREVIEW the page you want and then inspect element from there. The work won’t be saved when you refresh the page, which will allow you plenty of opportunity to test what works and what doesn’t. When you find something that works, then you can go back to your main page, make changes, and hit save.

Now that we have that out of the way, the way to do these changes is to right click your ClickFunnels page and click on ‘inspect element’. This will pull up a big CSS options page where you can make your changes. I would recommend you only limit yourself to making changes in the ‘element’ section since that limits everything you do only to that element. Any other place will most likely involve changes ACROSS MANY different elements, which may become risky, especially if you don’t want to make changes across all the other elements.

If you want to know how to make changes to some part of the element, check out this website:
https://www.w3schools.com/css/

In addition, you can simply type in ‘how to change xxx css’ in Google to find something that you are looking for, such as changing color gradient, or making borders, etc…

I also have plenty of CSS videos that we have worked on in the past that you can take a look at in this ClickFunnels playlist:
https://www.youtube.com/watch?v=k-LILJNJAQI&list=PLS46f4aLJ2hNASorSJ04itRrhsnZ00x5u&index=1&t=15s

Also, feel free to ask me any questions and I will be more than happy to help if I know the solution or can find it somewhere for you.

That’s it!

Like my Facebook page! https://www.facebook.com/affiliatemarketingessentials

If you are interested in ClickFunnels, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
https://tinyurl.com/14-day-free-clickfunnels-trial

If you like GetResponse and want to learn more, try out their 30-day free trial under my affiliate link at:
http://www.getresponse.com/index/Ambition

If you are interested in ClickMagick, or want to learn more, feel free to check out their free 14-day trial under my affiliate link at:
http://www.bestlinktracker.com/ClickMagick/wp-cf-changeanyelement

Here is my Namecheap affiliate link as well if you want to buy one of their really cheap domains and/or private email:
https://www.namecheap.com/?aff=108439

Thanks for watching, and I’ll see you in the next video!

Leave a Reply