Step 6 - HTML Code Tips

Now that you know how create boxes and buttons, here are a few tips you should know.

Every Character Matters

When writing HTML, every character matters.

So if you copy and paste a box or button code into the Text Editor tab and it is not working, then check to make sure you have not deleted any characters.

A missing < or : or ; or even " will break your code. And it will not work.

So, just be careful when you copy and paste and change color codes to make sure you do not delete any necessary characters.

A Con or Negative

This tutorial teaches you how to add HTML code to each page or post.

There is one BIG CON to adding HTML to each page and post within your website.

You will always need to edit each page or post to change the button style.

Say you want change the button color from red to black.

You will need to edit each page or post where the red button is. And manually replace the HEX color codes inside your HTML.

If you have 10 posts where you want to change the button color, you will have to edit each post individually. Essentially, you have to edit 10 posts, just to change the button color.

There are other ways to control the button color from CSS, so you can instantly change the color to all buttons throughout your website.

But, start out small and get comfortable with HTML. Then learn how to do more advanced tips and tricks.

Access More HTML Codes From W3Schools

To learn HTML and find more codes, you can access free training and tutorials from W3Schools.

https://www.w3schools.com/html

W3Schools is a completely free resource and you will find tons of information.

Additional HTML Color Pickers

You can find many free color pickers on the web, to use for changing colors.

W3Schools offers a color picker for you to get a HEX color code for any color you want.

https://www.w3schools.com/colors/colors_picker.asp

You can also use a free Adobe Kuler.

https://color.adobe.com/create/color-wheel/

Adobe Kuler allows you to compare colors to each other to create color schemes for your website and content.

You need to copy and paste the HEX color code, which uses the # + 6 digits of number and letters to define colors.

This completes this training. Hope this is helpful and shows how easy it is to actually use HTML to create content boxes and buttons.

Got Questions?

Feel free to comment below.



Join the Discussion
Write something…
Recent messages
Jadatherapy Premium
Thank you for this training

Really appreciate this training because I always wanted to know how to create boxes and then you came along.

Much appreciated

Jennifer
Reply
kimwolfe Premium
Yay Jennifer :) Hit me up if you have any questions.

Hopefully, you will be surprised at how easy it is. Especially for buttons. No plugins or images needed.

Keep me posted how this goes!

Kim
Reply
Jadatherapy Premium
Thank you will do when I get round to it. lol

But I think I will need your help so thank you for the offer.

Jennifer
Reply
kimwolfe Premium
Just don't fear it. It really is easier than you think. Especially, since you can just copy my codes and then edit them in visual editor view of WordPress.
Reply
Jadatherapy Premium
Thank you I will not leave it too long because I want to add to new articles.

Jennifer
Reply
Claudiojuan Premium
Thank you very much very interesting training I am always looking to place the least amount of plugins on my sites. Everything that is HTML and CSS codes seems great to me. Regards!
Reply
kimwolfe Premium
Yes, it is easier than you make think. And there are tons of free resources online to continue your training. Let me know if you have any questions.
Reply
Claudiojuan Premium
OK Kim All questions about HTML and CSS codes you will be my teacher. Thank you!
Reply
kimwolfe Premium
Awesome. I am here for ya :)
Reply
Chrissies Premium
Many thanks Kim :)
Reply
kimwolfe Premium
Thanks Chrissies! Hope this helps.
Reply
Triblu Premium
An EXCELLENT tutorial Kim, Thank YOU!
Reply
kimwolfe Premium
Hey Trish. HUGE THANKS! Appreciate you chiming in and stopping by here.
Reply
merlynmac Premium
Great how-to! I do have on issue. Lesson 4 isn't loading for me. That's the lesson on "How To Change Box Color in HTML". If I'm on Lesson 3 and click on Next Page -> it doesn't work. If I use the menu to get to lesson 4 it doesn't work and if I jump to Lesson 5 and try to go back to lesson 4 using the <- Previous Page button it doesn't work. Everything else is golden!
Reply
merlynmac Premium
Lesson's 6 and 7 are also broken.
Reply
kimwolfe Premium
Hey thanks for the heads up here. I will see if I can figure out how to fix. Thanks again.
Reply
merlynmac Premium
It may not be your training...It looks like the WA servers are having issues....Reach out to support to see if that's the issue. If so, you might not have to do anything but wait.
Reply
kimwolfe Premium
I’ll wait it out then and go from there. Thanks again.
Reply
kimwolfe Premium
Can you confirm you access lessons 4 - 7? I think the issue should be fixed now.
Reply
merlynmac Premium
Confirmed..I can now access all lessons.
Reply
kimwolfe Premium
Thank you :)
Reply
Top