- Видео 8
- Просмотров 37 617
You Can Code It
Добавлен 22 мар 2020
The whole idea behind “You Can Code It” is to hopefully show people that code doesn’t have to be scary and with just some basics it can open up a whole new world of possibilities for you.
I want to show people that you don’t always need to use a plugin for everything. With just a few lines of code; you can not only create a cleaner and more stable site, but also open up a whole new world of opportunities for yourself.
I want to show people that you don’t always need to use a plugin for everything. With just a few lines of code; you can not only create a cleaner and more stable site, but also open up a whole new world of opportunities for yourself.
Pumpkin CTA Button for Wordpress - No Plugins Needed! Let's Learn HTML and CSS!
In this video I will show you how to create a cute pumpkin Call to Action button that you can link to any page you want. Great for sales or adding a fun button to your site for October. No plugins needed and can be added to page builders like Elementor and Beaver Builder. We will be using HTML and CSS. Lots of tips and info in this video!
GitHub Link: github.com/JordanKDesigns/pumpkin-button
0:00 Intro
1:08 Creating the Button
7:08 Adding the Face
10:06 Customize & Bonus Info
GitHub Link: github.com/JordanKDesigns/pumpkin-button
0:00 Intro
1:08 Creating the Button
7:08 Adding the Face
10:06 Customize & Bonus Info
Просмотров: 205
Видео
Access Your Wordpress Site with SFTP - Full Setup of Atom Code Editor!
Просмотров 2,2 тыс.3 года назад
In this video I will be walking you through setting up a free code editor and connecting it to your site via SFTP. Doing this will allow you to edit your Wordpress site files directly from your computer which is great for development on a staging site and many other things such as fixing a plugin conflict. There are tons of tips and lots of info in this video, so I hope you enjoy and learn some...
Elementor Text Editor Inline Font Callout
Просмотров 3,2 тыс.3 года назад
In this video I will show you how to highlight a word (or words) in a block of text using only the Text Editor element in Elementor, and some basic CSS. You don't need any extra plugins, and can even follow along with the free version of Elementor! Possibilities with this are endless, and you will learn some HTML/CSS along the way.
Elementor Parallax Text Effect
Просмотров 10 тыс.3 года назад
In this video I will show you how to create an awesome Parallax Text Outline effect in Elementor. These techniques can be modified to create tons of other awesome effects. Bounce CSS: codepen.io/JKDEV/pen/rNjGNeq
Disable Elementor Overview Dashboard Widget Without A Plugin
Просмотров 7173 года назад
Video Links - Code Snippet: gist.github.com/JordanKDesigns/bac8a700aabd3d09c8881c28535b8b89 Child Theme Video: ruclips.net/video/yeGgHH4inXI/видео.html In this video I will show you how to disable the Elementor Overview Dashboard widget without a plugin for all users. This will also hide the checkbox for it under Screen Options. There are a number of reasons why you might want to hide this, so ...
Elementor Lightbox Title & Description Typography
Просмотров 1,7 тыс.3 года назад
In this video I will show you how to customize the Elementor Lightbox title and description with some basic CSS.
Elementor Tip: Image Box Badges w/CSS Basics
Просмотров 4,8 тыс.3 года назад
In this video I will show you how to add little badges to the corner of the Elementor Image Box element. This can be great for many sites and applications. We will be doing this with some basic, but powerful CSS.
How to Setup & Customize Elementor Hello Child Theme
Просмотров 15 тыс.3 года назад
In this video I will go over what a child theme is and then show you how to customize the Elementor Hello Child Theme to make it unique to your brand or for a client. github.com/elementor/hello-theme-child 00:00 - What is a child theme and a warning 03:00 - We start to customize
Thank you so much for this very informative video lesson!
Beautiful! Didn't know I could customize those settings til now!
Tried this 3 times...it doesn't work
Thanks for your tutorial. It's very helpful. However, the image I added for my screenshot in my folder is not displaying for my child theme. Any idea why this could be happening? And what should we do if the CSS theme code you copied from the parent theme isn't there to begin with?
This was super helpful. I had created a css file and everything looked correct, but for some reason it wasn't working. But when I took the file from github and edited it, things just started working correctly. Not sure what the problem was, but now it works so thanks for making this!
hi i used hello theme and i changed the site identity in but it's not showing in google search any help please !!!
Great tip, thanks so much!
I did copy the same code but the mobile view of it is messed up. can you do it with mobile view
usual wordpress messy way to customize elements
Perfect, excellent tutorial with everything you need, nothing more and nothing less. Concise and clear, better than others on this topic.
Thanks for sharing your snippet code
amazing content, thanks a lot!
I hope you continue making videos :( your content is so helpful...
Thank you! I will continue making videos after the New Year!
liking is not satisfactory. Subscribed and thanks a lot :)
Thanks for simple walkthrough. I have captions with <i> and <b> tags which Elementor does not seem to respect. They just show up as the codes. Any way to target specific part of a caption to make a word bold or italicized in lightbox?
What code to add to make "THIS" written "This" in this example?
Thank you 😌
i tried to put a hyperlink and suddenly the text typography changes, how do i solve this?
Inspect the element with your browser's dev tools, and see where the styling override is coming from. Sounds like the theme is styling the <a> tags.
@@YouCanCodeIt thanks, i will try
Very helpful video! Just getting into dev and love learning how it all works. A month ago I had no clue what any code was, I’ve taken a basic HTML course, started CSS and can’t wait to learn more as much as I can. I’ll definitely be checking out the rest of your videos and hope to see some new ones soon.
Thank you! I haven't been able to put new videos out as much as I'd like, but more are still coming! I put a lot of time into each video and don't want to rush them out so it's hard to get them done between my full-time website designer/developer job and life stuff.
@@YouCanCodeIt I completely understand. I’ll be here when you upload new videos. Hopefully I’ll have a lot better understanding of it all. I wish I had gotten into development a long time ago since I have always been one to tinker with stuff and try to figure out what or what doesn’t make something work. The hard part for me is sticking to one thing since I enjoy learning this new world, but it can lead down a lot rabbit holes cause there is so much stuff to read about, download everything I find and trying to figure out how to use it all lol. Thank you for the reply and I hope you have a great night or day. Happy coding!
@@Tnewby Thank you and I hope to see you around here in the future!
Thanks!
That was super helpful, many thanks! I was hoping to get the option of having the Theme Editor available by installing that child theme but it didn't turn out. I need to add some code snippet and can't do it. Any idea why I don't have the option to go into the theme editor? Really need that!
Glad it was helpful! Are you talking about the Theme Editor option under Appearance? If so my first guess would be a security plugin. Some security plugins will remove that for well....security! Some hosting will disable that too. If not your security plugin, check your wp-config.php file for this line define( 'DISALLOW_FILE_EDIT', true ); as some hosts will add that. With that said, I don't suggest editing code there. An (S)FTP program will be what you want. I have another video that covers that here: ruclips.net/video/C_s3FEWSRG0/видео.html
@@YouCanCodeIt thanks for your super quick reply! Yes, the Theme Editor under Appearance is what I meant. It was indeed as you said it, the plugin iThemes Security was in my way. Unfortunately I couldn't change and configuration so that I could retrieve this option, so I had to deactivate it for a while. That was the easiest way to handle that.
In a word...INSPIRATIONAL. Your explanation is very clear. Simple solutions for complex issues.. I am sure many will benefit from your videos.
Thank you for the kind words!
Is there any options apart from the description?
Not sure I understand what you're asking. What are you trying to achieve?
This just got in my recommended, this one's really useful, thanks!
Glad it was useful!
This was so helpful! Thank you so much!
Glad it was helpful!
Very useful. Thank you.
Thanks for this, 🔥
Thank you so much for the tip. This will help me to customize my websites and make them unique from other Elementor websites. I hope you will add more videos.
Thanks for watching and glad it was helpful. Any specific topic you need for future videos? Always open to video suggestions and might be able to add it to the list.
@@YouCanCodeIt Can you make a video on how to keep the Elementor icon boxes same height when each box has different text lengths?
@@samandesilva734 Maybe in the near future, I will add it to the list of requested videos.
This was very helpful, thank you!
it's a very good tutorial, please keep making (I watched 1.5x speed)
nice and clean👍
Thanks!
How to rotate it?
Not sure what you're aiming for exactly, but you can rotate with this CSS declaration: transform: rotate(-5deg); More info: developer.mozilla.org/en-US/docs/Web/CSS/transform-function/rotate()
why is the titles in spanish i would to get a traslation :-(
Very helpful thank you so much
Please show how's to add custom colours, font sizes, styles etc... Please Thanks
GREAT tip, I'm glad I found your channel. I rang the bell!
Hi, where'd you go? I hope you are OK? Your videos are excellent, keep making them please. 🙏. All the best!
Hi, and thank you for your concern and comment! I have been off for a about a week for some personal reasons, but don't worry I'm getting back into this and have many great things planned. Please stay tuned! Thanks for the support!
Thank you very much for your clear and informative guide. I've been building a personal Wordpress blog along Indieweb principles for a few years now and I had previously used cpanel for any tweaks to the site code. Your clear guide has allowed me to easily make a few cosmetic changes to my site that had been bugging me for a while.
Thanks for watching!
I have just discovered your channel and I am deeply impressed by your ability to teach. I have been in this game for some time but have, as many do, used basic plug-ins for everything I need for my clients. However, my philosophy has always been about simplicity and having the ability to do what I need with as little intervention (ie, plug-ins) as possible. This is one of the reasons I am following certain RUclipsrs such as Oooh Boi and others using CSS. Granted, I am relatively new to CSS but have begun to use them and have had many go-to's since implementing them. Your videos are so easy to follow and implement that I feel I will become an even better web designer thanks to them. I look forward to more in addition to the courses you mentioned. Instant fan here.
Thanks for the kind words! I've slowed down uploads for the moment as I'm really working on bringing everything together, including my website which will be a companion resource for my videos and also have tutorial articles for certain things too. I have some awesome things planned, something for everybody. I'll announce it here when it's all ready, so be on the lookout!
@@YouCanCodeIt Can't wait!
Wow great job mate
Thanks!
Thank you for this video! I literally logged in only to give you a thank you comment. Your video was exactly what I was looking for in terms of setting up an FTP connection in Atom.
Thanks for watching and commenting! This video took me forever to make so I appreciate it!