Adding text box in content

HTML & CSS
1

How to add a text box with borders around before footer area? I guess I’ll have to change CSS. Need some help with that. My site is Ceramics tiles

2

Could you give some more details about what you want? You have lots of boxes on the page anyhow, so adding another shouldn’t be hard. What is your workflow? Can you work with the WordPress files? Do you want to change the template? Perhaps this should be in the WordPress forum, but we need more details.

3

I want just a text area before footer and after content. This text area should be having a border around so that it looks different from content.
No, I don’t know too much about CSS or HTML.

4

At the simplest level you could just add a div with a class and apply some styles to it.


<div class="highlight">
		<p>Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here </p>
		<p>Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here </p>
</div>




.highlight {
	border:1px solid red;
	padding:10px;
	margin:10px;
	clear:both;
}

example Page:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style>
.highlight {
	border:1px solid red;
	padding:10px;
	margin:10px;
	clear:both;
}
</style>
</head>

<body>
<div class="highlight">
		<p>Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here </p>
		<p>Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here Lorem ispum text goes here </p>
</div>
</body>
</html>

However,as Ralph pointed out if you need help changing the wordpress template then this is a more of a worpress question than a css one.

5

Thanks Paul!
Its pretty much help. I hope I’d do it now.