Video 2: Common Myths + My Secret Tool for Tweaking and Learning CSS
Watch the video and be sure to download today’s free cheat sheet below.
(Enjoy the jungle sounds! 😉 )
Homework: Read What is CSS? A Beginner’s Guide for Bloggers
What was your biggest takeaway? Leave a comment below!
Thank u for showing us the inspect element tool! Definitely great teaching aid; but — not as cool as u!
Haha thanks Artisto!
WOW!! Thank you so much for this. I have been using this inspect tool to modify the CSS code in my own theme unbeknownst to me that I can do it on any site I’d like. Thank you for explaining in further detail so cool other features that I didn’t know about.
Hey LayTonia, you are so welcome! I’m glad that you discovered something new about the Inspect tool, it really is one of the most powerful things out there when it comes to web code and design!
Great info once again! Thanks so much. Question, does Safari have a “inspect” mode? I could not seem to find it. I can always use chrome. I am just so used to Safari.
Hey Victoria, yes it does have one, but for some reason you have to turn it on. If you click on “Safari” in the upper menu, then select “Preferences” and then go to the “Advanced” tab, at the very bottom, check the last checkbox next to “Show Develop menu in menu bar.” Now if you right-click on something, you will see the “Inspect Element” as one of the choices.
Still not a big fan of this one over Chrome’s though as I can’t seem to figure out how to get the CSS to show up. And when I docked the window to the side, there was no way for me to move it back to the bottom. Seems like they have some work to do on this one still!
Thank you Marianne! I am on Chrome now trying to work it out!!!
Looks easy. I´m going to start spying on different websites now 🙂
So, once you can see their css, If I like something, can I just copy the code and paste it on my css file? is it that easy?
Hi Lizet, yes for the most part it is that easy! You may just have to change the classname to whatever is in your own blog.
Wow! I never realized this feature! Thanks for sharing! This may be a silly question but can this actually mess up someone else’s website? Or, is it allowing you to play with the code without it actually doing anything to the other’s website?
Hi Laura, there is no way you can mess up someone else’s site. Any changes you make via the inspect tool is temporary and happening on your browser, on your computer only. Once you refresh, it reverts back to normal. 🙂
I knew where to find this tool, but I didn’t know how very useful that would be. Thank you so much for showing how to use it.
You’re very welcome Barbara! Glad I could help 🙂
where link your video training 2 ?
Hi there, this IS video 2. If you’re looking for video 1, there is a menu at the very top of the page to get to it. 🙂 Or you can just click here: https://designyourownblog.com/video-training-1
Thanks for sharing this, this is such a useful tool. You inspired me to experiment with CSS and HTML again 🙂
I’m so glad Leah! It’s definitely a must-have skill when you’re managing a blog or website on your own.
Hi I like how simple you made it look . Hope to beautify my blog with this!Thank you
I’m so happy to hear that Dr. Amrita! Thanks for your lovely comment 🙂
Wow…! Marianne, this video is the bomb…! I am not a ‘tech savvy’ person and yet, I was able to follow and keep up with you as you went over the ‘particulars’ of the Inspect Element. Were you ever a college professor? Great video!
Thanks for all you do for us Beginners out here!
awwww what a nice compliment Randi, thank you! I was never a professor, but maybe in a past life 😉
I’m so happy it was easy for you to understand!
Splendid! Thank you for creating and sharing this video. Indeed, very helpful to beginners like me!
So happy to hear it Karen, let me know if you have questions!