Kadence Tutorial: How to Use the Color Palette Feature in Kadence Theme and Kadence Blocks

In this video, you are going to learn how to use the Color Palette feature of the Kadence Theme and Kadence blocks to create color schemes for your website. You'll also learn how to add your own brand colors and link sections of your page to various colors. Enjoy!
Timestamps:
0:00 How to use the color palette feature in Kadence
0:45 The Set-up: Install Kadence Theme, Kadence Blocks Free
2:53 Overview of the Kadence Color Palette
8:33 How to create a page to test your Color Palette
13:40 How to add additional colors beyond the 9 global colors in Kadence
19:06 How to link your colors to different components of your website
30:00 How to create your own custom palette
36:41 Thank you
🧰 AWESOME TOOLS
✅ Kadence Theme Pro - cliftonwp.com/kadence
✅ Kadence Blocks Pro - cliftonwp.com/kadence-blocks
✅ Kadence Conversions - Kadence Pro Bundle - cliftonwp.com/kadence
✅ Domain & Hosting by Siteground: cliftonwp.com/host
✅ WordPress CMS: FREE
✅ Gutenberg Block Editor: FREE
✅ Kadence Free Theme: FREE
✅ Kadence Blocks: FREE
🏆RECOMMENDED EMAIL MARKETING PROVIDER
✅ Mailerlite: cliftonwp.com/mailerlite
🏆 BEST HOSTING COMPANY
✅ Siteground: cliftonwp.com/host
✅ WP Engine (Premium managed hosting): cliftonwp.com/wprocket
🏆 BEST PRO GUTENBERG BLOCK PLUGINS
✅ Kadence Blocks: cliftonwp.com/kadence-blocks
⭐ RECOMMENDED PRO WORDPRESS THEMES
✅ Kadence Premium Theme: cliftonwp.com/kadence
✅ Astra Pro: cliftonwp.com/astra
⭐RECOMMENDED PRO FORM PLUGINS
✅ Gravity Forms cliftonwp.com/gravityforms
✅ Fluentforms : cliftonwp.com/fluentforms
🏆 BEST SPEED PLUGIN
✅ WP Rocket: cliftonwp.com/wprocket
⭐ BEST WORDPRESS PAGE BUILDER
✅ Beaver Builder: cliftonwp.com/beaver-builder
⭐ BEST COMING SOON PLUGIN
✅ SeedProd: cliftonwp.com/seedprod
AFFILIATE DISCLOSURE
Please note that any links within this video and its description may contain affiliate links which means that if you click on one of the product links and purchase a product, I may receive a small commission. The commission does not increase the price you pay for the product and you can always purchase directly from the source. By using my affiliate link, you are supporting the work of the channel and I thank you for that.
Lastly, All of the opinions in this video are my own. I did not receive any compensation for making this video. Thank you for watching and thank you for your support!
#cliftonwp #kadence #kadencepro #kadenceconversions

Пікірлер: 83

  • @mannuu76
    @mannuu762 жыл бұрын

    Finally someone takes the time to explain the global color palette to many of the newbies around, such as myself.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Manuel!

  • @levelwu
    @levelwu5 ай бұрын

    Great breakdown, simple but powerful - thank you! Always wondered what gets changed even though you can select colors on individual elements. Here are some handy notes: 1 - Accent = Used the least, buttons, links 2 - Accent - alt = Hover for button or links 3 - Strongest text = Headings 4 - Strong Text = Main text of the site/content 5 - Medium text = Borders 6 - Subtle Text = Hover for borders 7 - Subtle Background = Any background 8 - Lighter Background = Any background 9 - White or offwhite = Any background

  • @bethw7
    @bethw7 Жыл бұрын

    Thank you!! This is such a clear explanation of how and where to set your colors. This is the best channel!

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Beth! I appreciate you watching!

  • @andypuempel2570
    @andypuempel257011 ай бұрын

    Thanks for putting this together. Your Kadence tutorials are phenomenal. Very clear and easy to understand. Appreciate you sharing this!

  • @thepurpleufo
    @thepurpleufo2 жыл бұрын

    Clifton...wow...you really are THE MAN!!! No one else makes tutorials the way you do...thank you so much.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you so much!

  • @tonyq2023
    @tonyq20232 жыл бұрын

    Great work ... than You!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You are Welcome Tony! Thank you for watching!

  • @SigKappel
    @SigKappel Жыл бұрын

    yass! thanks Clifton!

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You are very welcome Sig! I appreciate you watching! More to come!

  • @chrissmith4568
    @chrissmith45682 жыл бұрын

    Once again, very helpful info and tutorial! Thank you!!!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Glad it was helpful! Thank you!

  • @eheijkoop8214
    @eheijkoop8214 Жыл бұрын

    Thank you, it's clearly explained and helped me to move forward

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You're very welcome! Thank you!

  • @pluriversus
    @pluriversus2 жыл бұрын

    Wow, you make the best kadence tutorials! Thanks!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you! I appreciate you watching!

  • @jgrasmussen
    @jgrasmussen2 жыл бұрын

    Thank you Clifton. Now I understand this Color feature. You are the best.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Jesse!

  • @user-kg7gz9lr8z
    @user-kg7gz9lr8z2 жыл бұрын

    Your lessons are very useful. Thanks.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you!

  • @markuselias6017
    @markuselias60172 жыл бұрын

    Another excellent video, Clifton! I never knew there was this option to add more colors to the palette, it's exactly what I was looking for.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Glad it was helpful!

  • @tonyblack2141
    @tonyblack21412 жыл бұрын

    I really enjoy your Kadence tutorials bro. Thanks.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you so much Tony!

  • @dinukakularathna2824
    @dinukakularathna28242 жыл бұрын

    Great video. Thank you!

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Dinuka! I appreciate you watching!

  • @MadMercsAirsoftReviews
    @MadMercsAirsoftReviews Жыл бұрын

    excellent video :) I learnt a lot about the palette which is what I was struggling to understand :)

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Richard! happy to hear the video was helpful! I appreciate you watching!

  • @m.loncke7871
    @m.loncke7871 Жыл бұрын

    Génial, merci beaucoup 👍

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Je vous en prie!

  • @momimarzoo4422
    @momimarzoo4422 Жыл бұрын

    Thank you for the video

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You're welcome!

  • @Art592.
    @Art592. Жыл бұрын

    Thanks very much, Clifton

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You are very welcome!

  • @danielo8097
    @danielo8097 Жыл бұрын

    Invaluable -- thank you so much.

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You're very welcome!

  • @InternetInitiatives
    @InternetInitiatives Жыл бұрын

    Love your tutorials my buy thank you

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Chris! I appreciate you watching.

  • @danielkalu5564
    @danielkalu55642 жыл бұрын

    Wow!!! 👏Thanks for helping me understand better the kadence color palette. I wish you could do more tutorials on color combination technics. It was great watching you combine those colors so simple and fast. 👍

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Daniel! I'll look into doing some more color palette stuff. I appreciate you watching!

  • @peterwilliams5522
    @peterwilliams55222 жыл бұрын

    Nice tutorial Clifton thanks

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Peter! I appreciate you!

  • @adventure4you519
    @adventure4you519 Жыл бұрын

    Another perfect video for beginners. Thank you for your time and effort.

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You are very welcome!!!

  • @Whitenoise541
    @Whitenoise541 Жыл бұрын

    Thank you very much i have designed by friends website using your tutorials - its an artists site

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    You are very welcome Erica! I am so happy to hear that the tutorials are helpful to you! Thank you so much for watching!

  • @ByronPhuket
    @ByronPhuket2 жыл бұрын

    Thank you, thank you, that is a nugget video. wonderful help.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You're very welcome! Thank you for watching!

  • @alainhaya
    @alainhaya2 жыл бұрын

    I work with kadence since I saw your videos, thank you very much for your content

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    You are so very welcome Alain!

  • @martynpage4823
    @martynpage48232 жыл бұрын

    Great video for getting started...got lost a couple of times but got there in the end....

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Martyn! I appreciate you watching and thank you for the Sub!

  • @martynpage4823

    @martynpage4823

    2 жыл бұрын

    @@CliftonWP you are very welcome! I love your approach to wordpress and kadence is just fantastic! Have you any videos about actually transferring from localhost to live server...making sure that security, ssl and everything else is working and what we need to think about before going live?

  • @jeffbarnhart6441
    @jeffbarnhart6441 Жыл бұрын

    great video

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Jeff! I appreciate you watching!

  • @GClarkUK
    @GClarkUK2 жыл бұрын

    Brilliant colours and building ideas . Well done Clifton . Right where’s your next one for Kadence blocks and building them 👍👍🍺

  • @sheikhnasim3048
    @sheikhnasim30482 жыл бұрын

    Learn Some Thing New..Thanks For Making The Video...Expecting More Indepth Video On Kadence Theme..Consider To Include Woocommerce Toutrial For Kadence Theme..

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you! Noted on Woocommerce and Kadence and have some in the works.

  • @RD_Business
    @RD_Business2 жыл бұрын

    Thank you for the great video! It would be perfect if you were able to cover the fonts as well.

  • @yourfriendlydesigner
    @yourfriendlydesigner2 жыл бұрын

    This was helpful, thank you! Something I am still trying to figure out is why the default text color for buttons is white. It seems to be the case for all of the starter themes, but none of the text colors for the theme are white. Do you know where that color is being pulled from?

  • @shotsi673
    @shotsi6732 жыл бұрын

    Great tute, thank you! One question: when you add colours using the KB, does it only affect the page you add the colour to or is it available to other blocks in other pages? In other words, does it become a pseudo global colour that you can use on any page?

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Bo! Yes, it becomes available everywhere the color pallete is accessible. Appreciate you watching!

  • @امل-و-عمر
    @امل-و-عمر Жыл бұрын

    Great explanation Mr. CliftonWP. I have a question, how do I change the background color for Dropdown for mobile?

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you! To change the background color for mobile, go to: Customizer > Header > Mobile Navigation > Design Tab > Change the background using the color picker. :-)

  • @natl2758
    @natl27582 жыл бұрын

    Perfecto!!! I have learned a lot from this video. Now I need HELP!!! Can I change colors for multiple links on my site with Kadence? I have links that I want to assign a different color....

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Yes, you can. You can access each link's settings and change the color of the link to your liking. Thank you and I appreciate you watching!

  • @javierordonez5587
    @javierordonez55872 жыл бұрын

    Hello Clifton!, great classes, but I would like to ask you?, if you have any videos teaching Kadence with affiliate links adding them in a website? Thanking you in advance.

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thanks Javier, I'm not sure I understand. Are you asking how to add affiliate links in a website?

  • @javierordonez5587

    @javierordonez5587

    2 жыл бұрын

    @@CliftonWP Yes, sorry, but using Kadence theme not WP.

  • @marcoscandido7434
    @marcoscandido7434 Жыл бұрын

    at 15:35 you added a row layout inside of another. Is there a major reason to do that? Should I always build a section of the related elements inside of a main Row Layout?

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Thank you Marcos. :-) You can add an outer container only as needed, however it is not always required. Sometimes I do this if I want to style an outside element in a specific way. Most of the time one container is sufficient to do most things.

  • @sounakchatterjee2694
    @sounakchatterjee26942 жыл бұрын

    how is kadence rows is different from gutenberg columns?

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Sounak! Kadence rows are different from (and better than) the standard Gutenberg columns because Kadence rows have more design and customization options available to you so you can create more advanced structures for your web pages. Thank you and appreciate you watching!

  • @VidsFromTim
    @VidsFromTim2 жыл бұрын

    Hey Clifton, thanks for the videos. I am trying to reach out to you privately about working with our company but you don't seem to have messages enabled on your channel or any way to contact you. Can you let me know if there is a way we can chat privately?

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thanks Tim. I've enabled messages. You can reach me at clifton@cliftonwp.com

  • @martynpage4823
    @martynpage48232 жыл бұрын

    Just a thought....Your colour palette doesn't include branding such as logo...which of the colours should be used for that according to your colour palette created in the video...?

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    Thank you Martyn! Sometimes depending on the composition of the logo, you can draw a palette from its colors. Typically the highlight colors which are the first two colors of your Kadence color palette can be used within your logo and vice versa.

  • @martynpage4823

    @martynpage4823

    2 жыл бұрын

    @@CliftonWP Thank you as always...;)

  • @CliftonWP

    @CliftonWP

    2 жыл бұрын

    @@martynpage4823 You are welcome!

  • @dianem.1310
    @dianem.1310 Жыл бұрын

    When you say to "center the row" I cannot for the life of me figure out WHICH "row" you are talking about?? Although prob not important, it's super frustrating. I'm super new to all this and I need every little thing pointed out and explained. Learning something new is extremely overwhelming and stressful as it is.

  • @CliftonWP

    @CliftonWP

    Жыл бұрын

    Totally understand Diane. I've been there and I promise it gets easier and better. Thank you for your patience. In this tutorial when I say "center the row" this applies to then I have one row inside of another row. So imagine if you add a Row layout Block with one column, and then you add a second Row Layout Block inside the first row. To center that inside layout block, you need to go to the structure settings on the right for that inside block and set the Content Width setting to the Content Width of the website using the toggle icon. That will center the row. I hope that helps and I appreciate you watching!

Келесі