Jackal21 Jackal21 - 3 years ago 156
HTML Question

I am having trouble adding HTML5 (background colours and colours) to my website within the WordPress editor

Here is a list of the research that I have done. First I looked how to do it on the internet and I found this site.

Then I asked a friend and he suggested that I do this with the code, and as an example, gave this:

<link rel="stylesheet" type="text/css" href="styles.css">

so in HTML

<h1 class"best-header-ever"> Header </h1>

then in CSS

.best-header-ever {
color: blue;}

I don't know if he was doing it in the right order so the above, is the most information I have of an alternative strategy

Now I am working on this, again in the WordPress editor:

.best-header-ever{color: blue;}

<header> header
link rel="stylesheet" type=text/css href=styles.css


(this text to the left was part of the website-->)This is a contact page with some basic contact information and a contact form.

[contact-form]<span id="mce_SELREST_start" style="overflow:hidden;line-
height:0;"></span>[contact-field label="Name" type="name" required="1"/]
[contact-field label="<span id="mce_SELREST_start"
style="overflow:hidden;line-height:0;"></span> Email" type="email"
required="1"/][contact-field label="Website" type="url"/][contact-field
label="Comment" type="textarea" required="1"/][/contact-form]


I don't know what I'm doing wrong and I would like to add background colour to the font and text. Oh, I have also been working on freecodecamp.org as research.

I am trying to learn how to do this work without the security net of freecodecamp to improve my skills.

Also, I don't know if I can even add HTML5 to HTML (everything from contact form to /contact form was being registered by the computer, but when I added any other characters, no background colours or colours would display).

This is what the page looks like:


I don't know if this makes a difference, but the WordPress editor has buttons:


Answer Source

I suggest you use background-color: instead of color:. Color will just change the text color, or the color of the words inside that header. Using background-color will change the background color.

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download