Support » Thema en CSS/opmaak » Opmaak fout

  • Heb onlangs een ander thema voor mijn website gedownload en deze naar mijn smaak/taal aangepast. Nu zit ik echter met een opmaak probleempje. Alle witte regels worden in mijn berichten overgeslagen. Misschien heb ik ”per ongeluk” ergens iets onnodig veranderd. Maar nu worden mijn teksten een beetje onleesbaar. Heeft iemand enig idee hoe dit kan komen?

    De link naar mijn site is http://www.bartvdploeg.nl

2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Dit komt omdat in WordPress dubbele enters (carriage returns) worden vervangen door de paragraaf tags (<p>[Inhoud tussen de paragraaf]</p>)

    Wat jij zou moeten doen is de margins en paddings van het paragraaf tag aanpassen in het stylesheet van het thema.

    Thread starter bartvdploeg1

    (@bartvdploeg1)

    Zou je mij iets exacter kunnen vertellen wat ik dan moet veranderen? Heb hier geen ervaring mee.

    Hieronder de stylesheet..

    /*
    Theme Name: zindi-II
    Theme URI: http://www.fadonet.net/2008/11/08/wordpress-theme-zindi-II/
    Description:  A simple and fresh wordpress theme from <a href="http://www.fadonet.net" target="_blank">Fadonet.Net</a>
    Version: 1.2
    Author: Fado
    Author URI: http://www.fadonet.net/
    Tags: black, two-columns
    */
    
    *{margin: 0;	padding: 0;}
    :focus {outline: 0;}
    body { font-size: 12px; font-family: Verdana, Arial, 'Lucida Grande',  Sans-Serif; background:#0b0b0b;color: #fff;	padding:0px; min-width:960px;}
    a, a:visited, a:active {color:#58b3f9; text-decoration:none;}
    a:hover {text-decoration:underline;}
    #top {background:#000 url(images/top-bg.jpg) no-repeat right;  width:100%; height:200px;}
    #navbar {background:#fff url(images/nav-bg.png) repeat-x; width:100%; height:30px;}
    #wrapper {background:#0b0b0b; width:960px; margin:0px auto; padding:10px 0px 10px 0px;line-height: 18px; }
    #side-left{float:left;  width:630px;}
    #side-right { float:right; width:320px;}
    #footer {clear:both; width:960px; margin:0 auto;padding:0px; }
    h1, h2, h3, h4, h5, h6 { margin:5px 0 5px 0; padding: 0; font-family:Georgia, Tahoma, Verdana, Arial, Serif; font-weight:normal; color: #666;}
    code {	font: 1.1em 'Courier New', Courier, Fixed;	}
    acronym, abbr{font-size: 0.9em;	letter-spacing: .07em;	}
    pre { line-height: 1.5;	margin-bottom: 1.5em; margin-top: 1.5em; width:600px;	overflow: auto; }
    fieldset {border:1px solid #f1f1f1; padding:10px;}
    blockquote {  color:#666; font-style: italic;	padding-left: 15px;margin:20px;	border-left:3px solid #58b3f9;}
    table {border:1px solid #666;}
    td,th {	line-height: 1.0em;	padding:11px; margin:1px;}
    th {	background-color: #0b0b0b;	}
    td {	border: 1px solid #666;}
    #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 ********/
    
    #side-left .aligncenter, #side-left div.aligncenter {display: block;margin-left: auto;margin-right: auto;}
    #side-left .alignleft {  float: left; }
    #side-left .alignright {  float: right; }
    #side-left .wp-caption {  border: 1px solid #2d2d2d;  text-align: center;  background-color: #2d2d2d;  padding: 5px; margin: 10px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #side-left .entry .wp-caption img, #side-left .entry .wp-caption a img  {   margin: 0;   padding: 0;  border:none;}
    #side-left .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;	}
    #side-left .smallattachment {text-align: center;float: left;width:128px; margin:5px 5px 5px 0px;}
    #side-left p.attachment {	text-align: center;	margin: 5px 0px;}
    #side-left .attachment-thumbnail {border: 1px solid #2d2d2d; width:125px; height:125px; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #side-left .caption {padding-left:10px; text-align:center;}
    
    /* Corner */
    
    .kutu {width:100%; background-color: #121212; 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: 8px;height: 8px;border: none;display: block !important;}
    .kutu2 {width:100%; background-color: #2d2d2d;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 */
    
    #top .header {width:960px; margin:0 auto;}
    #top .header h1 {font-size:48px; font-weight:normal;line-height:48px; padding-left:5px; margin:25px 0px 0px 0px; }
    #top .header a {color:#444; }
    #top .header a:hover {text-decoration:none;}
    #top .logo {float:left; width:400px; margin-top:15px;}
    #top .logo span {color:#444; padding-left:7px;   font-size:11px;}
    #top .tools {font-weight:bold; font-size:11px; text-align:right;}
    #top .tools span {font-size:10px; color:#aaa; font-weight:normal;}
    #top .tools ul { color:#aaa;}
    #top .tools li {float:right; display:block;  padding:15px; margin-right:15px; background:#121212; line-height:12px; opacity: 0.5; -moz-opacity:0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50) }
    #top .tools li:hover {opacity: 1; -moz-opacity:1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
     filter:alpha(opacity=100) }
     #top .tools a {color:#fff;}
    .navmenu {width:960px; margin:0 auto; color:#000;}
    #s {padding:1px; line-height:14px; margin-right:5px; width:240px;}
    #s2 {padding:1px; line-height:14px; margin-right:5px; width:500px;}
    .searchsubmit{ background:url(images/search-button.gif)  bottom no-repeat ;	margin: 0;	line-height:22px;  border:none;  height:22px;
    width:70px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; padding-bottom:1px; }
    
    /* Content Left */
    
    #side-left a:hover {text-decoration:underline;}
    #side-left p {margin:0; padding:0;}
    #side-left h2 {font: 26px Times New Roman, Verdana, Arial; color:#666;}
    #side-left h2 a, #side-left h2 a:visited, #side-left h3 a, #side-left h3 a:visited {color:#58b3f9; font-weight:normal;}
    #side-left h2 a:hover, #side-left h3 a:hover {color:#fff; text-decoration:none;}
    #side-left h3 {font-size:18px; margin:0px 0px 10px 0px; color:#666;}
    #side-left h2.pagetitle {color:#58b3f9;}
    #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:#444; font-weight:normal;}
    #content .tags a:hover{color:#58b3f9; text-decoration:none;}
    #content .postmetadata {text-align:right;margin-top:15px; color:#ccc; font-size:10px;}
    #content .postmetadata a {color:#444; font-weight:bold; font-size:10px;}
    #content .postmetadata a:hover {color:#58b3f9; text-decoration:none;}
    #navigation {font-size:10px;  padding:0px 0px 15px 0px; line-height:21px; height:20px; width:630px;}
    #side-left .img-nav { padding:10px; width:95%;}
    #navigation span { color:#aaa;}
    #navigation a{background:#48c03f 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: #2d2d2d 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;	margin:10px 0 0 0;	}
    #content ul li{	list-style-type: square; 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 #2d2d2d;  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;}
    a.rss{ line-height:8px; background:url(images/rss.gif) center left no-repeat; padding-bottom:1px; padding-left:22px; color:#fff;}
    #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;}
    
    /* Content Right */
    
    #sidebar a {font-weight:bold; font-size:11px; color:#61605E; }
    #sidebar a:hover {color:#58b3f9; text-decoration:none;}
    #sidebar .kutu2 h2 {background:none; padding:0px;}
    #sidebar h2 {background: url(images/h2-bg.gif) no-repeat bottom left;color:#666; font-weight:normal; padding-bottom:8px; font-size:18px;}
    #sidebar ul, #sidebar ul ol{line-height:22px;	color:#aaa;	}
    #sidebar ul li {	list-style-type: none;	list-style-image: none; margin:0px 5px 0 0px;  padding:5px; background-color:#0b0b0b; border-bottom:3px solid #121212; display:block; color:#fff;}
    #sidebar ul li:hover { background-color:#000; }
    #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; line-height:26px;}
    span.commmentavatar { float:left; padding-right:5px; padding-top:7px; height:20px; width:20px;}
    #sidebar li.latestpost{line-height:16px; }
    span.commententrytitle { font-size: 0.85em; line-height:8px;	color: #fff;}
    #sidebar li.latestpost span, #sidebar li.latestpost span a { font-size: 9px; font-weight:normal;}
    
    /* Comments Form */
    
    #comments h3 {color:#666; 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;	}
    #commentform textarea{	width: 99%;	padding: 1px;}
    #commentform #submit{ background:url(images/comment-button.gif) top no-repeat ;	margin: 0;	line-height:20px;  border:none;  height:26px;
    width:106px; font-weight:bold; color:#fff; font-size:11px; cursor:pointer; padding-bottom:5px; }
    #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: #2d2d2d; -moz-border-radius:  5px; -webkit-border-radius: 5px; border-radius: 5px;}
    #comments .count {background:none; line-height:30px; float:left; font-size:36px; color:#444; 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 {border:none; 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)}
     .bottom {border-top:1px solid #444; padding:10px; text-align:center; margin-top:15px;}
2 reacties aan het bekijken - 1 tot 2 (van in totaal 2)
  • Het onderwerp ‘Opmaak fout’ is gesloten voor nieuwe reacties.