WordPress.org

Forums

Zindi Theme - No Paragraph Breaks (5 posts)

  1. maggieconcannon
    Member
    Posted 5 years ago #

    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?

  2. s_ha_dum
    Member
    Posted 5 years ago #

    Its in the stylesheet. You need to add padding or margin to the paragraph tags.

  3. eelaff
    Member
    Posted 5 years ago #

    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)}
  4. lisa0721
    Member
    Posted 5 years ago #

    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.

  5. eelaff
    Member
    Posted 5 years ago #

    thanks a lot lisa, it worked. :)

Topic Closed

This topic has been closed to new replies.

About this Topic