formed

Let's say you want to allow your visitors to a page layout customized experience comment. Standard, these colorless boxes with black lettering in your visitors' name (required) "," E-mail (will not be published) (required) "and" Web Site "and enter the comment text. Since you now want to add a little color or even a picture? No problem, this is accomplished in a few moments.

First, you just need an idea of ​​how that should look like. Would you like a color or a picture? Then you open the dashboard of Wordpress style.css and look for phrases like these:

#commentform input or #commentform textarea . (The special in your case may also contribute slightly different names, but if you see the same code, but you have a clue as to what should be found in the appropriate place.

#commentform input {
width: 170px;
padding: 2px;
margin: 5px 5px 1px 0;
background: url('images/kubrickbgcolor.jpg');
color: #ffffcc;
}

"Width" determines the length of the input field, "padding" the padding of the content to the edge and "margin" a transparent distance to the next item. Filled while "padding" with the color or the image of your choice is, is the "margin" is actually transparent, and looks just like your page, where you present your content. (The CSS references can be found here and here ).

In the case of our hand, we wanted to have the background like in the input fields. Accordingly, we have added the path to this same image file: background: url('images/kubrickbgcolor.jpg');

Since this is quite dark, we have with color: #ffffcc; the text color matched a bright interior. After all, your visitors can read what they write.

Would you prefer a color instead of a picture? Do not replace issue, just the background: url -section with this: background: #000000; . The example is coded black, but you can also enter any other color.

Similarly, complement the range #commentform textarea in the same way.

Our results you can see below this article for example, if you read it in single view.

Good light and good nuck!

1 Comment to "How can I customize my comment fields?"