WordPress posting HTML and CSS code

Question

In WordPress, am creating a new post. In the HTML section of the post am using the following code:

<html>
<head>
<style type="text/css">
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this text is red. The default text-color for a page is defined in the body selector.</p>
<p class="ex">This is a paragraph with class="ex". This text is blue.</p>
</body>
</html>

The text h1 font size is not coming that much, please help with this.

You're adding <html>, <head> and <body> tags to your post? Don't. WordPress will handle all that, just put in the code for your post. Also, can you clarify what the problem is? "Size not coming that much" is not a clear statement of problem to me. — Surreal Dreams
– Surreal Dreams, Commented May 16, 2012 at 14:05

Jeffrey Blake · Accepted Answer · 2012-05-16 14:00:37Z

1

Within the <style> section, add:

h1, p {font-size:14px} or whatever size you want to use.

edited May 16, 2012 at 14:00

Jeffrey Blake

9,7396 gold badges46 silver badges67 bronze badges

answered May 16, 2012 at 13:22

Diodeus - James MacFarlane

115k33 gold badges164 silver badges180 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Diodeus - James MacFarlane Over a year ago

Then you're doing it wrong or your sample code does not match reality.

user1160126 Over a year ago

sir..am trying this one..have a look w3schools.com/css/tryit.asp?filename=trycss_color

Jeffrey Blake Over a year ago

Assuming you correctly placed that into the <style> element, the only reason this would not work is if the wordpress theme you are using assigns a size to the <h1> element outside of the CSS you control. We would need to see the actual HTML being generated before we could debug that issue.

Patrice Poliquin · Accepted Answer · 2013-11-19 18:16:50Z

First, if your writting into the POST (html) you should not use the and so into the field.

Your post should only looks like this

 <style type="text/css">
body {color:red;}
h1 {color:#00ff00;}
p.ex {color:rgb(0,0,255);}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<p>This is an ordinary paragraph. Notice that this text is red. The default text-color for a page is defined in the body selector.</p>
<p class="ex">This is a paragraph with class="ex". This text is blue.</p>

But the fact is that why your not placing your css into a specific CSS file? In the root of your theme, your should have a default style.css to use.

Also, can you check that your using a reset.css or something like this that would overwrite what your entered into the field?

Collectives™ on Stack Overflow

WordPress posting HTML and CSS code

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related