Тёмный

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

CliftonWP
Подписаться 7 тыс.
Просмотров 7 тыс.
50% 1

Опубликовано:

 

16 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 87   
@mannuu76
@mannuu76 2 года назад
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
@levelwu 8 месяцев назад
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!
@jgrasmussen
@jgrasmussen 2 года назад
Thank you Clifton. Now I understand this Color feature. You are the best.
@CliftonWP
@CliftonWP 2 года назад
Thank you Jesse!
@thepurpleufo
@thepurpleufo 2 года назад
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!
@andy.puempel
@andy.puempel Год назад
Thanks for putting this together. Your Kadence tutorials are phenomenal. Very clear and easy to understand. Appreciate you sharing this!
@RiaadArif1
@RiaadArif1 26 дней назад
Thanks for sharing a video about color pallets ❤❤❤
@CliftonWP
@CliftonWP 25 дней назад
My pleasure 😊. Thank you very much for watching!
@adventure4you519
@adventure4you519 Год назад
Another perfect video for beginners. Thank you for your time and effort.
@CliftonWP
@CliftonWP Год назад
You are very welcome!!!
@chrissmith4568
@chrissmith4568 2 года назад
Once again, very helpful info and tutorial! Thank you!!!
@CliftonWP
@CliftonWP 2 года назад
Glad it was helpful! Thank you!
@GClarkUK
@GClarkUK 2 года назад
Brilliant colours and building ideas . Well done Clifton . Right where’s your next one for Kadence blocks and building them 👍👍🍺
@Art592.
@Art592. 2 года назад
Thanks very much, Clifton
@CliftonWP
@CliftonWP 2 года назад
You are very welcome!
@eheijkoop8214
@eheijkoop8214 Год назад
Thank you, it's clearly explained and helped me to move forward
@CliftonWP
@CliftonWP Год назад
You're very welcome! Thank you!
@martynpage4823
@martynpage4823 2 года назад
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?
@pluriversus
@pluriversus 2 года назад
Wow, you make the best kadence tutorials! Thanks!
@CliftonWP
@CliftonWP 2 года назад
Thank you! I appreciate you watching!
@alainhaya
@alainhaya 2 года назад
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!
@peterwilliams5522
@peterwilliams5522 2 года назад
Nice tutorial Clifton thanks
@CliftonWP
@CliftonWP 2 года назад
Thank you Peter! I appreciate you!
@tonyq2023
@tonyq2023 2 года назад
Great work ... than You!
@CliftonWP
@CliftonWP 2 года назад
You are Welcome Tony! Thank you for watching!
@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!
@tonyblack2141
@tonyblack2141 2 года назад
I really enjoy your Kadence tutorials bro. Thanks.
@CliftonWP
@CliftonWP 2 года назад
Thank you so much Tony!
@danielo8097
@danielo8097 Год назад
Invaluable -- thank you so much.
@CliftonWP
@CliftonWP Год назад
You're very welcome!
@dinukakularathna2824
@dinukakularathna2824 2 года назад
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!
@danielkalu5564
@danielkalu5564 2 года назад
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!
@sheikhnasim3048
@sheikhnasim3048 2 года назад
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.
@ByronPhuket
@ByronPhuket 2 года назад
Thank you, thank you, that is a nugget video. wonderful help.
@CliftonWP
@CliftonWP 2 года назад
You're very welcome! Thank you for watching!
@SigKappel
@SigKappel 2 года назад
yass! thanks Clifton!
@CliftonWP
@CliftonWP 2 года назад
You are very welcome Sig! I appreciate you watching! More to come!
@momimarzoo4422
@momimarzoo4422 Год назад
Thank you for the video
@CliftonWP
@CliftonWP Год назад
You're welcome!
@InternetInitiatives
@InternetInitiatives 2 года назад
Love your tutorials my buy thank you
@CliftonWP
@CliftonWP 2 года назад
Thank you Chris! I appreciate you watching.
@markuselias6017
@markuselias6017 2 года назад
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!
@МихаилСтасов-щ1и
@МихаилСтасов-щ1и 2 года назад
Your lessons are very useful. Thanks.
@CliftonWP
@CliftonWP 2 года назад
Thank you!
@m.loncke7871
@m.loncke7871 Год назад
Génial, merci beaucoup 👍
@CliftonWP
@CliftonWP Год назад
Je vous en prie!
@امل-و-عمر
@امل-و-عمر Год назад
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. :-)
@yourfriendlydesigner
@yourfriendlydesigner 2 года назад
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?
@javierordonez5587
@javierordonez5587 2 года назад
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.
@RD_Business
@RD_Business 2 года назад
Thank you for the great video! It would be perfect if you were able to cover the fonts as well.
@jeffbarnhart6441
@jeffbarnhart6441 Год назад
great video
@CliftonWP
@CliftonWP Год назад
Thank you Jeff! I appreciate you watching!
@natl2758
@natl2758 2 года назад
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!
@shotsi673
@shotsi673 2 года назад
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!
@marcoscandido7434
@marcoscandido7434 2 года назад
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 2 года назад
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.
@ahmedzuber-x7k
@ahmedzuber-x7k 2 дня назад
v nice
@CliftonWP
@CliftonWP 2 дня назад
Thank you so very much!
@VidsFromTim
@VidsFromTim 2 года назад
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
@sounakchatterjee2694
@sounakchatterjee2694 2 года назад
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!
@martynpage4823
@martynpage4823 2 года назад
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!
Далее
How to use the Kadence Header Builder
20:56
Просмотров 6 тыс.
Kadence Blocks: All About Row Layout
31:45
Просмотров 9 тыс.
How to use the Kadence Footer Builder
14:47
Просмотров 9 тыс.