More Space In Linebreaks
-
I am having trouble finding out how to increase the space in between linebreaks.
Here is my site.
As you can see, it looks like all one big paragraph. I want more space in between the line breaks. Any help is much appreciated. Thanks in advance.
-
.post p { margin-bottom: 1.5em; }
in yourstyle.css
file should do it. Increase or decrease the 2em figure as necessary – decimal values are okay.you ought to upgrade. your site is exploitable.
I am not seeing this. I don’t have a style.css file, most likely because the custom theme uses a different name.
Here is what I have for blueflavor.css (theme I use)
body {
background: #005B41;
}body, input, textarea, select {
color: #555;
}h1, h2, h3, h4, h5, h6 {
color: #005B41;
}
a:link {
color: #005B41;
text-decoration:bold;
}
a:visited {
color: #005B41;
text-decoration:bold;
}
a:hover {
color: #000000;
text-decoration:bold;
}
a:active
{
color:#005B41;
text-decoration: bold;
}
#header * {
color: #edf8ed;
}/* Menu */
#menu {
background: #fff;
border:#B8B8B8 3px solid;
}
#menu a {
border-right: 1px solid #ccc;}
#menu a:hover,
#menu a:active
#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_item a:hover,
#menu li.current_page_item a:active
{
background: #DBDBDB;
}#menu #search
{
border-left: 1px solid #ccc;
}
/* Content */#content {
margin: 10px auto;
}/* Blog */
#blog {
background: #fff;
border:#B8B8B8 3px solid;
}/* Post */
.post .date
{
color:#005B41;
}
.post .meta
{
color:#999;
}
.post p {
margin-bottom: 1.5em;
}/* Sidebar */
#sidebar {
background:#fff;
border:#B8B8B8 3px solid;
}
/* Footer */#footer *
{
color: #f9f9f9;
}/************************************************
* Comments *
************************************************/#content .commentlist
{
border-top:#ccc 1px solid;
}
#content .commentlist li
{
background:#fff url(‘images/post.gif’) repeat-x bottom;
}
.commentlist li.alt
{
background:#fdfdfd url(‘images/post.gif’) repeat-x bottom;
}
.commentlist li .cmtinfo
{
color:#999;
background:url(‘images/bullet.gif’) no-repeat left;
}
.commentlist li .cmtinfo em
{
color:#999;
}
#content .nocomments
{
color:#999;
}
input.textbox
{
border:#ccc 1px solid;
background:#f4f4f9;
}
textarea
{
border: 1px solid #ccc;
background:#f4f4f9;
}
.textbox:focus, textarea:focus
{
background:#fff;
border:#999 1px solid;
}This is what I have for layout.css
* {
margin: 0;
padding: 0;
}body, input, textarea, select {
font: normal small “Trebuchet MS” Verdana, Arial, Helvetica, sans-serif;
}h1, h2, h3,h4,h5,h6 {
font-weight: normal;
font-family:Georgia, Verdana, Arial, Serif;
line-height:1.6em;
}h1 {
font-size: 2.2em;
}h2 {
font-size: 1.6em;
margin:0;
padding:0 0 10px 10px;
background:url(images/underline.gif) repeat-x bottom;}
h3 {
font-size: 1.4em;
margin:0;
padding:0 0 10px 10px;}
p, blockquote, ul, ol, form {
margin-bottom: 0.5em;
line-height:1.6em;
}ul, ol {
margin-left: 3em;
}blockquote
{
padding:1em 4em;
font-style: italic;
background:#ffffff url(images/quote.png) no-repeat left top;
}ul {
list-style-image:url(images/bullet.gif);
}
hr {
display: none;
}.hr {
}img.left {
float: left;
margin: 0 15px 15px 0;
}img.right {
float: right;
margin: 0 0 15px 15px;
}
.clear
{
clear:both;
}
/* Wrapper */#wrapper {
padding: 20px 0;
width: 75%;
margin:0 auto;
}/* Header */
#header {
height: 158px;
margin: 0 auto;
text-align:left;
}#header h1, #header h2 {
margin: 0 auto;
padding:0;
border:0;
}#header h1 {
padding: 5px;
font-size: 2.5em;
}#header h2 {
font-size: 1em;
font-style: italic;
padding: 0 10px;
background:none;
}
#header h1 a
{
border:0;
}/* Menu */
#menu {
padding:0;
height: 30px;
margin: 0 auto;
font-family:”Verdana”, Lucida, Tahoma, Arial, Serif;
}#menu ul {
margin: 0;
padding: 0;
list-style: none;
}#menu li {
display: inline;
}#menu a {
display: block;
float: left;
height:26px;
padding: 4px 10px 0 10px;
text-decoration: none;
font-weight: bold;
border:0;
}#menu #search
{
margin:0;
float: right;
padding:0px 10px;
}
#menu #s {
height:1.5em;
width:140px;
margin:0 5px 0 0;
padding:0;
vertical-align:middle;
}#menu #searchbutton {
height:2em;
width:auto;
padding:0 1px;
letter-spacing:1px;
text-align:center;
vertical-align:middle;
}
/* Content */#content {
margin: 10px auto;
}/* Blog */
#blog {
float: left;
width: 74%;
padding:0 0 10px 0;
}/* Post */
.post
{
font-family:Verdana, Arial, Serif;
margin:0 0 3em 0;
padding:0;
background:url(images/post.gif) repeat-x bottom;
}
.post h2 a
{
border:0;
}
.post .date
{
margin:0;
padding:0 15px;
margin-top:-28px;
text-align: right;
font-style:italic;
font-variant:small-caps;
font-size: 1em;
font-family:Arial, Verdana, Serif;
}
.post .entry {
padding: 20px 15px 0;
line-height: 3.0em;
}
.post .meta
{
margin: 1em 0;
padding: 1em 0;
font-size: 0.83em;
color:#999;
}/* Sidebar */
#sidebar {
float: right;
width: 23%;
margin: 0 0 0 1%;
padding:0;
}#sidebar ul {
margin: 0;
padding:0;
list-style: none;
}#sidebar li {
margin:0;
padding:0;
list-style-image:none;
}#sidebar ul ul {
padding: 0 10px 10px;
line-height: 1.6em;
background:url(images/post.gif) repeat-x bottom;
}
#sidebar ul ul ul{
padding: 0px;
background:none;
}#sidebar ul li ul li {
margin: 5px 1em;
padding:0;
list-style-image:url(images/bullet.gif);
}#sidebar h2 {
text-transform: uppercase;
font-size: 1.2em;
}
/* Begin Calendar */
#wp-calendar {
border: 1px solid #ddd;
empty-cells: show;
font-size: 14px;
margin: 0;
width: 90%;
}#wp-calendar #next a {
padding-right: 10px;
text-align: right;
}#wp-calendar #prev a {
padding-left: 10px;
text-align: left;
}#wp-calendar a {
display: block;
text-decoration: none;
}#wp-calendar a:hover {
background: #e0e6e0;
color: #333;
}#wp-calendar caption {
color: #999;
font-size: 16px;
text-align: left;
}#wp-calendar td {
color: #ccc;
font: normal 12px ‘Lucida Grande’, ‘Lucida Sans Unicode’, Verdana, sans-serif;
letter-spacing: normal;
padding: 2px 0;
text-align: center;
}#wp-calendar td.pad:hover {
background: #fff;
}#wp-calendar td:hover, #wp-calendar #today {
background: #eee;
color: #bbb;
}#wp-calendar th {
font-style: normal;
text-transform: capitalize;
}/* End Calendar */
/* Footer */
#footer
{
margin: 0 auto;
padding: 10px 0;
}#footer p {
margin: 0;
font-size: 0.9em;
}/************************************************
* Comments *
************************************************/#content .commentlist
{
margin:0;
padding:0;
border-top:#ccc 1px solid;
}
#content .commentlist li
{
list-style:none;
margin: 0;
padding:1em 2em;}
.commentlist li.alt
{}
.commentlist li .cmtinfo
{
font-size:0.85em;
margin:0 0 1em 0;
padding:0 0 0 15px;}
.commentlist li cite
{
font-style:normal;
font-weight:bold;
font-size:1.1em;
}
.commentlist li .cmtinfo em
{
float:right;
margin:0;
padding:0;
font-style:normal;
font-size:0.9em;}
#content .nocomments
{
text-align:center;
font-size:0.9em;
}
#commentform
{
padding:10px 20px;
}
.trackback
{
background:url(images/trackback.png) no-repeat left center;
padding:0px 17px;
}
#wrapper .feed
{
background:url(images/icon_feed.gif) no-repeat left center;
padding:5px 17px;
list-style:none;
}
input.textbox
{
margin-top:10px;
font:1em Verdana, Arial, Serif;
padding:2px;
width:150px;
}
textarea{
width: 90%;
margin-top:10px;
padding:5px;
height: 20em;
font:1em Verdana, Arial, Serif;
}
#header, #content, #sidebar, #footer, .widget
{
overflow:hidden;
}I am very new to wordpress, so I might be missing something.
- The topic ‘More Space In Linebreaks’ is closed to new replies.