• I’m using the Zindi theme and I can’t figure out how to get it to respect paragraph breaks.

    When viewed in a browser, I can’t get a blank line to appear between paragraphs no matter how many actual paragraph breaks are in the code… help?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Its in the stylesheet. You need to add padding or margin to the paragraph tags.

    Can you please show where exactly we have to change. below please find the text in the stylesheet.

    *{border: 0;	margin: 0;	padding: 0;}
    :focus {outline: 0;}
    body { font-size: 12px; font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif; background:#e4e4e4;color: #555;	}
    a {color:#29b0c4; text-decoration:none;}
    a:hover {color:#ff6f40; text-decoration:none;}
    #wrapper {background-color:#f1f1f1;width:780px; margin:0px auto; padding:10px;line-height: 18px; }
    #header {background:#fff; height:120px; margin:0px auto; width:780px; padding:0px 10px 0px 10px;}
    #nav-menu {background:#fff; height:27px; margin:0px auto; width:780px; padding:0px 10px 0px 10px; }
    #side-left{float:left;  width:500px;}
    #side-right { float:right; width:270px;}
    #footer {background:#fff;  padding:0px 10px 0px 10px;width:780px; margin:0 auto; height:50px; }
    h1, h2, h3, h4, h5, h6 { margin:5px 0 5px 0; padding: 0; font-family:Georgia, Tahoma, Verdana, Arial, Serif; font-weight:normal; color: #333;}
    input{padding:2px; margin: 5px 5px 1px 0;	border:1px solid #f1f1f1;	background: #f9f9f9; padding: 4px;}
    textarea {	width: 95%;	padding: 5px;		border:1px solid #f1f1f1;background:#f9f9f9;}
    input:hover, textarea:hover {	border:1px solid #f1f1f1;	background: #f1f1f1;}
    input#submit {  background:#f9f9f9;	margin: 0;  padding:5px;border:1px solid #f1f1f1;
    font-weight:bold; color:#29b0c4; font-size:11px; cursor:pointer;}
    input#submit:hover { background:#f1f1f1;}
    code {	font: 1.1em 'Courier New', Courier, Fixed;	}
    acronym, abbr{font-size: 0.9em;	letter-spacing: .07em;	}
    hr { display: block; color:#f1f1f1; border-bottom:1px solid #f1f1f1; margin:5px 0 5px 0;}
    pre { line-height: 1.5;	margin-bottom: 1.5em; 	overflow: auto; }
    fieldset {border:1px solid #f1f1f1; padding:10px;}
    blockquote {  background: #fff url(images/blockquote.png) no-repeat left top;	color:#666; font-style: italic;	padding-left: 30px; padding-bottom: 10px;	margin:20px 0px 20px 0px;	width:90%;}
    table {border:1px solid #f1f1f1;}
    td,th {	line-height: 1.0em;	padding:7px; margin:1px;}
    th {	background-color: #f9f9f9;	}
    td {	border: 1px solid #f1f1f1;}
    #wp-calendar #prev a, #wp-calendar #next a {font-size: 9pt; 	}
    #wp-calendar a {text-decoration: none;	}
    #wp-calendar caption {	font: bold 1.0em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center;}
    #wp-calendar th {font-style: normal;	text-transform: capitalize;}
    
    /* Float */
    
    .alignleft {float:left;} .alignright {float:right;}
    .clearfloat:after {	display:block;	visibility:hidden;	clear:both;	height:0;
    content:".";	}
    .clearfloat {	display:inline-block;	}
    .clearfloat {	display:block;	}
    .clear {	clear: both;}
    
    /******** WordPress Styles ********/
    
    .aligncenter, div.aligncenter { display: block;margin-left: auto;margin-right: auto;}
    .alignleft {  float: left; }
    .alignright {  float: right }
    .wp-caption {  border: 1px solid #f1f1f1;  text-align: center;  background-color: #f9f9f9;  padding: 5px; margin: 10px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    .entry .wp-caption img, .entry .wp-caption a img  {   margin: 0;   padding: 0;  border: 0 none;}
    .wp-caption p.wp-caption-text {  font-size: 10px; font-weight:bold; line-height: 17px;  padding: 0 4px 5px;   margin: 0; }
    img.centered {	display: block;	margin-left: auto; 	margin-right: auto;	}
    img.alignright {	padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
    img.alignleft {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
    .smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;}
    #side-left p.attachment {	text-align: center;	margin: 5px 0px;}
    .attachment-thumbnail {width:125px; height:125px;}
    .attachment-medium {width:450px; text-align:center; height:300px;}
    .caption {padding-left:10px;}
    
    /* Corner */
    
    .kutu {width:100%; background-color: #fff; margin-bottom:10px;}
    .ust { background: url(images/ust-sag.gif) no-repeat top right;}
    .ust span{ background: url(images/ust-sol.gif) no-repeat top right;}
    .alt { background: url(images/alt-sag.gif) no-repeat bottom right; }
    .alt span {background: url(images/alt-sol.gif) no-repeat bottom right;}
    .ust span, .alt span, .ust2 span, .alt2 span{width: 10px;height: 10px;border: none;display: block !important;}
    .kutu2 {width:100%; background-color: #29b0c4;margin-bottom:10px; color: #fff;}
    .ust2 { background: url(images/ust2-sag.gif) no-repeat top right;}
    .ust2 span{ background: url(images/ust2-sol.gif) no-repeat top right;}
    .alt2 { background: url(images/alt2-sag.gif) no-repeat bottom right; }
    .alt2 span {background: url(images/alt2-sol.gif) no-repeat bottom right;}
    .kutu .spacer, .kutu2 .spacer{margin: 0px; padding:0px 10px 0px 10px;}
    
    /* Top */
    
    #header h1 {font-size:42px; line-height:42px; padding-left:5px; margin:0px; }
    #header a {color:#29b0c4; }
    #header .logo { float:left; width:550px; margin-top:10px;}
    #header .logo span {color:#aaa; padding-left:7px;   font-size:11px;}
    #header .search {background: url(images/search-bgr.gif) no-repeat;float:right;width:203px; padding:1px; 	margin: 15px 0px 0px 0px; height: 27px; }
    #header .search input{	background: transparent;	border: 0;	color: #a3a192;	float: left;	font-size: 12px; padding-left:10px;	margin:0; width: 160px;}
    #header .search .btn{	margin: 3px 0 0 0;	padding: 0;	width: auto;}
    #nav-menu a {color:#2e2e2d;}
    #nav-menu .tools {float:right; font-weight:bold;font-size:11px; margin-top:8px;}
    #nav-menu .tools span {font-size:10px; color:#aaa; font-weight:normal;}
    #nav-menu .tools ul {background:url(images/tools-bg.gif) right no-repeat; width:170px; margin-right:5px; padding-right:20px; height:10px; color:#aaa; line-height:9px;}
    #nav-menu .tools li {display:inline;}
    #nav-menu .tools a, #nav-menu .tools a:visited {color:#ff6f40; font-weight:bold;}
    #nav-menu .tools a:hover {text-decoration:underline;}
    
    /* Content Left */
    
    #side-left a {font-weight:bold;}
    #side-left p {margin:0; padding:0;}
    #side-left h2 {font: 22px Times New Roman, Verdana, Arial; color:#05454f;}
    #side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#05454f; font-weight:normal;}
    #side-left h2 a:hover, #side-left h3 a:hover {color:#ff6f40; text-decoration:none;}
    #side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color:#05454f;}
    #side-left h2.pagetitle {color:#ff6f40;}
    #side-left h2.result {color:#fff;}
    #side-left img {max-width:460px; margin:5px;}
    #content .tags {font-size:9px; color:#ccc; margin-bottom:5px;font-weight:bold;}
    #content .tags a{font-size:9px; color:#ccc; font-weight:normal;}
    #content .tags a:hover{color:#2e2e2d; text-decoration:none;}
    #content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;}
    #content .postmetadata a {color:#ccc; font-weight:bold; font-size:10px;}
    #content .postmetadata a:hover {color:#2e2e2d; text-decoration:none;}
    #navigation {font-size:10px; line-height:21px; height:20px;}
    #side-left .img-nav { padding:10px; width:95%;}
    #navigation span { color:#aaa;}
    #navigation a{background:#29b0c4 url(images/pagination-left.gif) left center no-repeat; color: #fff; padding: 5px 0 5px 6px; line-height:22px; text-decoration:none;}
    #navigation  a strong{background:url(images/pagination-right.gif) right center no-repeat; padding: 5px 7px 5px 0px;text-decoration:none;}
    #navigation a:hover{background: #ff6f40  url(images/pagination-hover-left.gif) left center no-repeat; text-decoration:none;}
    #navigation a:hover strong{background: url(images/pagination-hover-right.gif) right center no-repeat;text-decoration:none;}
    #content ul, #content ul ol {line-height:22px;	color:#888;margin:10px 0 0 0;	}
    #content ul li{	list-style-type: square; color: #555; margin-bottom: 5px; margin:0px 5px 0 35px;  }
    #content ul p, #content ul select {	margin: 5px 0 8px;	}
    #content ul ul, #content ul ol {margin: 3px 0 0 15px;border:none;	}
    #content ul ul li, #content ul ol li{	list-style-type: circle; border:none;}
    #content ol li {list-style-type:decimal; margin:0 0 5px 45px;}
    #content ol li ul li {list-style-type:lower-roman;}
    #content ul ul ul, #content ul ol {	margin: 0 0 0 10px;	}
    #content ul ol li {	list-style: decimal outside;	}
    #content ul ul li, #content ul ol li {	margin: 3px 0 0;	padding: 0;}
    .entry img {border: 1px solid #f1f1f1;  text-align: center; padding: 5px; margin:5px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    a.more {padding-right:10px; line-height:8px; background:url(images/more.gif) center right no-repeat; padding-bottom:1px;}
    #side-left p.warning {	background:transparent url(images/warning.gif) left no-repeat;	color:#aaa; padding:0 0 0 20px;}
    .post {padding:0px 10px 0px 10px;}
    /* Sidebar Right */
    
    #sidebar a {font-weight:bold; font-size:11px; }
    #sidebar .kutu2 h2 {background:#29b0c4;color:#0c5762; padding-bottom:8px; font-size:18px;}
    #sidebar .kutu2 h2:first-letter {color:#0c5762;}
    #sidebar h2 {background:url(images/sidebar-h2-bg.gif) bottom left no-repeat;color:#444; padding-bottom:8px; font-size:18px;}
    #sidebar h2:first-letter {color:#29b0c4}
    #sidebar ul, #sidebar ul ol{line-height:22px;	color:#aaa;margin:10px 0 0 0;	}
    #sidebar ul li {	list-style-type: square;	list-style-image: none;	margin-bottom: 5px; margin:0px 5px 0 15px; border-bottom:1px dashed #f1f1f1; padding-bottom:3px;}
    #sidebar ul p, #sidebar ul select {	margin: 5px 0 8px;	}
    #sidebar ul ul, #sidebar ul ol {margin: 3px 0 0 15px;border:none;	}
     #sidebar ul ul li, #sidebar ul ol li{	list-style-type: circle; border:none;}
    #sidebar ol li {list-style-type:lower-roman; margin:0 0 0 20px;}
    #sidebar ol li ul li {list-style-type:lower-roman;}
    #sidebar ul ul ul, #sidebar ul ol {	margin: 0 0 0 10px;	}
    ol li, #sidebar ul ol li {	list-style: decimal outside;	}
    #sidebar ul ul li, #sidebar ul ol li {	margin: 3px 0 0;	padding: 0;}
    #sidebar ul li a {background:none; margin:0; padding:0;}
    #tag_cloud  a {font-weight:normal;}
    #sidebar li.latestcomment{list-style-type:none; padding:3px; margin:0 0 2px 0; border:none; line-height:20px; background:#f9f9f9;}
    #sidebar li.latestcomment:hover{ background:#f1f1f1;}
    span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}
    #sidebar li.latestpost{padding: 0px; margin-left:15px; line-height:14px; padding:3px 0 3px 0;}
    span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #AAAAAA;}
    span.latestpostmeta, span.latestpostmeta a { font-size: 0.85em; font-weight:normal; color: #AAAAAA;}
    
    /* Comments Form */
    #comments h3 {border-top:2px solid #f1f1f1; border-bottom:5px solid #f1f1f1;color:#05454f; padding:5px 0 5px 0; font-size:18px;}
    #commentform p, form p {	font-family: 'Lucida Grande', Verdana, Arial,Sans-Serif;	}
    #commentform input{	width: 50%;	padding:2px; margin: 5px 5px 1px 0;	border:1px solid #f1f1f1;	background: #f9f9f9;	}
    #commentform textarea{	width: 99%;	padding: 1px;		border:1px solid #f1f1f1;	background: #f9f9f9;}
    #commentform input:hover,  #commentform textarea:hover {	border:1px solid #f1f1f1;	background: #f1f1f1;}
    #commentform #submit{ background:url(images/button.gif) center bottom no-repeat ;	margin: 0;	line-height:26px;  border:none;  height:28px;
    width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; }
    #commentform #submit:hover {
     background:url(images/button-hover.gif) center bottom no-repeat ;}
    #commentform p {margin-bottom: 5px;}
    
    /* Comments List */
    
    #comments ul{  padding: 5px;}
    #comments li { text-transform: lowercase;	margin: 10px 0 10px 0;	padding: 5px 10px 3px;	list-style: none;	}
    #comments li .avatar { 	float: right;	border: 1px solid #eee;	padding: 2px; margin-left: 5px; margin-bottom: 5px;	background: #fff;	}
    #comments cite{font-weight: bold;	font-style: normal;
    font-size: 1.1em	}
    #comments cite a {	font-weight: bold;	font-style: normal;	font-size: 1.1em;	}
    #comments p {	font-weight: normal;	line-height: 1.5em;	text-transform: lowercase;	margin: 10px 5px 10px 0;	}
    #comments small.commentmetadata {  background:none;	font-weight: normal;	}
    #commentform p {  font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;	margin: 5px 0;	}
    #comments .nocomments {	text-align: center;	margin: 0;	padding: 0;	}
    #comments .commentmetadata {	margin: 0;	display: block;	}
    #comments .darkcolor {	background-color: #f9f9f9; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#ccc; height:37px;  margin-right:5px;}
    #comments blockquote { background:none; border-left:#29b0c4 5px solid; padding-left: 15px; color:#aaa; margin:20px 0px 20px 0px;	}
    
    /* Footer */
    
    #footer {font-size:10px; color:#AAAAAA;}
    #footer a {font-weight:bold;}
    #footer .footer-left{float:left; padding-top:10px;}
    #footer .footer-right{float: right; padding:0px; margin:15px 5px 0 0;}
    #footer .footer-right ul { list-style-type: none; padding:0px 5px 0px 0px; margin:0px 0px 3px 0px;}
    #footer .footer-right ul li {  display: inline; padding:0px; margin:0px; }
    #footer .footer-right a img {opacity: 0.4; -moz-opacity:0.4; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)}
    #footer .footer-right a:hover img {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter:alpha(opacity=100)}

    Just in case you’re still looking for a resolution, I would change ‘#side-left p {margin:0; padding:0;’} to be
    ‘#side-left p {margin:0; padding:0px 10px 10px 0px;}’

    I’m assuming from the code that this is where your content is located.

    thanks a lot lisa, it worked. 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Zindi Theme – No Paragraph Breaks’ is closed to new replies.