WordPress.org

Ready to get started?Download WordPress

Forums

WordPress Popular Posts
[resolved] How to put the Views right after the post title in my widget, not below it? (8 posts)

  1. Vahid
    Member
    Posted 1 year ago #

    How to put the Views and Comments right after the post title, not below it in my widget?

    http://wordpress.org/extend/plugins/wordpress-popular-posts/

  2. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Open wpp.css using an editor such as Notepad or Dreamweaver, and change this:

    /* Stats tag styles */
    .post-stats {
    	font-size:9px;
    	font-weight:bold;
    }

    ... into:

    /* Stats tag styles */
    .post-stats {
    	display:inline;
    	font-size:9px;
    	font-weight:bold;
    }

    To preserve changes between plugin updates, store your modified wpp.css file inside your theme's folder.

  3. Vahid
    Member
    Posted 1 year ago #

    Thanks Héctor, but nothing changed! Please note that I want this in my widget, not in my post bodies.

  4. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Well, I'd need to see your site's CSS for a more detailed help. Without that, there's not much I can do :P

  5. Vahid
    Member
    Posted 1 year ago #

    Thanks again. Here is my style.css file:

    @import url("DBS-Fonts.css");
    
    *{
    	margin: 0px;
    	padding: 0px;
    }
    
    body {
    	margin:0 auto;
    	padding:0px 0px 0px 0px;
    	font-family:Tahoma,Arial, sans-serif;
    	color:#161514;
    	font-size:13px;
    	background:#F9F9F9 url(images/body.png) top repeat-x;
    	}
    img {
    	border:0;
    	margin: 0 0;
    	}
    a {
    	color:#CA333E;
    	text-decoration:none;
    	outline:none;
    	}
    a:hover {
    	color:#000;
    	text-decoration:none;
    		}
    h1, h2, h3, h4, h5, h6 {
    
    	}
    blockquote {
    	padding:0px 30px 0px 30px;
    	color:#868F95;
    	font-style: normal;
    	font-family:Tahoma;
    
    	}
    .clear {
    	clear:both;
    	}
    
    table{
    	border-collapse: collapse;
    	border-spacing: 0;
      margin: 10px 0 10px;
      border:1px solid #fff;
    }
    
    table td, table th{
    
      text-align:right;
      padding: .4em .8em;
        border:1px solid #fff;
    }
    
    table th{
      background:#ddd ;
      color: #999;
      text-transform: uppercase;
      font-weight: normal;
       border:1px solid #fff;
    }
    
    table td{
       border:1px solid #fff;
      background: #eee;
      color:#555;
    }
    
    table tr.even td{
      background: #eee;
      border:none;
    }
    
    table tr:hover td{
      background: #FFF9DF;
    }
    img.centered  {
    	display: block;
    	margin-right: auto;
    	margin-left: auto;
    	margin-bottom: 10px;
    	padding: 0px;
    	}
    
    img.alignnone {
    	padding: 5px 5px;
    	margin: 0px 0px 10px 0px;
    	display: inline;
    	background:#eee;
    
    	}
    
    img.alignright {
    	padding: 5px 5px;
    	margin: 5px 10px 10px 0px;
    	display: inline;
    	background:#eee;
    
    	}
    
    img.alignleft {
    	padding: 5px 5px;
    	margin: 10px 0px 10px 15px;
    	display: inline;
    	background:#eee;
    
    	}
    
    .aligncenter {
    	display: block;
    	margin-right: auto;
    	margin-left: auto;
    	margin-bottom: 10px;
    	}
    
    .alignright {
    	float: left;
    	margin: 0px 10px 10px 0px;
    	}
    
    .alignleft {
    	float: right;
    	margin: 10px 0px 10px 15px;
    	}
    
    .wp-caption {
    
    	text-align: center;
    	background:#eee;
    	padding: 4px 0px 5px 0px;
    	margin: 10px 10px ;
    	}
    
    .wp-caption img {
    	margin: 0px 0px 5px 0px;
    	padding: 0px;
    	border: 0px;
    
    	}
    
    .wp-caption p.wp-caption-text {
    	margin: 0px;
    	padding: 0px 0px 0px 0px;
    	font-size: 11px;
    	font-weight: normal;
    	line-height: 12px;
    	color:#444;
    	}
    .rounded{
    
    	border-radius: 5px;
    	-moz-border-radius: 5px;
    	-webkit-border-radius: 5px;
    }
    
    .boxshadow{
        -moz-box-shadow: 0px 0px 5px #000000;
        -webkit-box-shadow: 0px 0px 5px #000000;
        box-shadow: 0px 0px 5px #000000;
    
    }	
    
    .clearfix:after {
    	content: ".";
    	display: block;
    	clear: both;
    	visibility: hidden;
    	line-height: 0;
    	height: 0;
    }
    
    .clearfix {
    	display: inline-block;
    }
    
    html[xmlns] .clearfix {
    	display: block;
    }
    
    * html .clearfix {
    	height: 1%;
    }
    
    /* The Outer cover */
    
    #wrapper {
    	margin:0px auto;
    	position:relative;
    	width:900px;
    
    	}
    
    #casing {
    	padding:0px 0px 10px 0px;
    	width:900px;
    	background:url(images/casing.png) repeat-y;
    
    	}		
    
    /* The Header */
    #masthead{
    }
    
    .topbar{
    	height:0px;
    	padding:20px 0px 0px 0px;
    	/* background:url(images/topbar.png) no-repeat; */
    	background:transparent;
    }
    
    .feedlist{
    	height:57px;
    	background:transparent;
    	margin:0px 20px 0px 0px;
    	float:left;
    	line-height:57px;
        font: 18px/3.1 'DBS-BKoodakBold', B Koodak, Tahoma;
    	}
    
    .feedlist ul {
    	list-style:none;
    	}
    
    .feedlist ul li{
    	float:right;
    	margin:0px 0px 0px 10px;
    
    }
    .feedlist ul li img{
    	float:right;
    	/*margin:12px 0px 0px 5px;*/
    	margin:-20px 0px 0px 0px;
    
    }
    .feedlist ul li a:link, .feedlist ul li a:visited{
    	color:#888;
    }
    
    .feedlist ul li a:hover{
    	color:#ddd;
    }
    #top {
    	height:106px;
    	margin:0px 0px ;
    	position:relative;
    	/*  background:url(images/top.png) no-repeat;  */
    	background:transparent;
    	}
    
    #blogname {
    	width:600px;
    	height:100px;
    	margin-right:-2em;
    	float:right;
    
    	}
    
    h1.logo{
    	font-size:36px;
    	padding-top:7px;
    	width:300px;
    	float:right;
    	font-family:'DBS-BYekan', B Koodak, Tahoma;
    	line-height: 1;
    	text-transform:uppercase;
    	}
    
    h1.logo a:link, h1.logo a:visited{
    	color:#000000;
    	margin-right:30px;
    }
    
    h1.logo a:hover{
    	color:#000000;
    }
    
    .top-right{
    	float:left;
    	width:750px;
    	}
    
    /* The Search */
    
    #search {
    	width:235px;
    	padding:5px 10px ;
    	margin:0px 0px 10px 00px;
    	font-size: 100%;
    	display:inline-block;
    	float:left;
    	background:#F9F9F9;
    	}
    
    #search form {
    	margin: 0px 0px 0px 0px;
    	padding: 0;
    	}
    
    #search fieldset {
    	margin: 0;
    	padding: 0;
    	border: none;
    	}
    
    #search p {
    	margin: 0;
    	font-size: 85%;
    	}
    
    #s {
    	width:160px;
    	border:1px solid #ddd;
    	background:#F7F7F7;
    	margin:0px 0px 0px 0px;
    	padding: 4px 5px;
    	height:20px;
    	font: normal 100% "Tahoma", Arial, Helvetica, sans-serif;
    	color:#CBC9C9;
    	float:right;
    	display:inline;
    
    	}
    
    #searchsubmit{
    	background:#C62732;
    	border:none;
    	color:#fff;
    	display:block;
    	margin:0px 0px 0px 0px;
    	padding:3px 8px;
    	float:left;
    	cursor:pointer;
    	border:1px solid #991B23;
    	font-family: 'DBS-BKoodakBold', B Koodak, Tahoma,Tahoma, sans-serif;
    	}
    
    #searchpage{
    	background:#fff;
    	border:1px solid #ccc;
    	margin:0px 10px 0px 10px;
    	}
    
    #sform{
    	width:450px;
    	border:none;
    	padding:6px 5px;
    	}
    
    #formsubmit{
    	float:left;
    	background:url(images/sfrm.png) repeat-x;
    	border-right:1px solid #ccc!important;
    	border:none;
    	padding:5px 5px;
    	}
    
    .scover{
    
    	}
    
    .sbox{
    	padding:10px 0px;
    	padding:10px 0px;
    	}
    
    .sbox p{
    	padding:5px 0px;
    	color:#777!important;
    }
    .shead{
    	margin:0px 10px 25px 10px;
    
    }
    .shead p{
    	margin-right:10px;
    	margin-bottom:10px;
    	color:#3E91CE;
    }
    
    h2.stitle{
    
    	font-weight:normal;
    	padding:0px 10px;
    }
    h2.stitle a{
    	color:#6D6750;
    
    }
    
    .searchmeta{
    	margin-top:5px;
    	color:#A33939;
    }
    
    .searchmeta a{
    	color:#3E91CE;
    
    }
    
    /*Page menu*/
    
    #botmenu{
    	height:40px;
    	margin:0px 0px 0px 0px;
    	overflow:hidden;
    	font-weight:normal;
    	}
    
    #submenu {
    	/*margin: 0px auto;*/
    	margin-right: -.5em;
    	width:900px;
    	padding:0px 0px;
    
    	}
    
    #submenu ul {
    	width: 100%;
    	float: right;
    	list-style: none;
    	margin: 0;
    	padding: 0 0px;
    	}
    
    #submenu li {
    	float: right;
    	list-style: none;
    	margin: 0;
    	padding: 0;
    	color: #A5897D;
    	text-shadow:1px 1px 0px #211B19;
    	}
    
    #submenu li a {
    	color: #A5897D;
    	display: block;
        margin: 0;
    	padding: 6px 10px 12px 10px;
    	text-decoration: none;
    	position: relative;
    	text-shadow:1px 1px 0px #211B19;
    	font-size: 16px;
        font-family: 'DBS-BKoodakBold', B Koodak, Tahoma;
    	}
    
    #submenu li a:hover, #submenu li a:active, #submenu .current_page_item a  {
    	color: #fff;
    	text-shadow:1px 1px 0px #000;
    
    	}
    
    #submenu li a.sf-with-ul {
    	padding-left: 20px;
    	}	
    
    #submenu li li a, #submenu li li a:link, #submenu li li a:visited {
    	color: #A5897D;
    	font-size:12px;
    	text-shadow:none;
    	width: 148px;
    	font-family:'DBS-BKoodakBold', B Koodak, Tahoma, Arial, Tahoma, Verdana;
    	margin: 0;
    	padding: 0px 10px;
    	line-height:35px;
    	border-bottom:1px solid #514743;
    	border-top:1px solid #2D2623;
    	border-right:1px solid #2D2623;
    	border-left:1px solid #514743;
    	text-transform: none;
    	position: relative;
    	background:#382F2C;
    	font-size: 14px;
    	}
    
    #submenu ul ul li:first-child{
    	border-top:none;
    
    }
    
    #submenu ul ul li:last-child{
    	border-bottom:none;
    
    }	
    
    #submenu li li:last-child{
    	border-bottom:none;
    }
    
    #submenu li li a:hover, #submenu li li a:active {
    	background:#2D2623;
    	color: #fff;
    	}
    
    #submenu li ul {
    	z-index: 9999;
    	position: absolute;
    	right: -999em;
    	height: auto;
    	width: 170px;
    	margin: 5px 0px;
    	padding: 5px 5px;
    	background:#49403C;
    	border-radius: 3px;
    	-moz-border-radius: 3px;
    	-webkit-border-radius: 3px;
    	}
    
    #submenu li ul a {
    	width: 150px;
    	}
    
    #submenu li ul a:hover, #submenu li ul a:active {
    	}
    
    #submenu li ul ul {
    	margin: -41px 179px 0 0;
    	}
    
    #submenu li:hover ul ul, #submenu li:hover ul ul ul, #submenu li.sfHover ul ul, #submenu li.sfHover ul ul ul {
    	right: -999em;
    	}
    
    #submenu li:hover ul, #submenu li li:hover ul, #submenu li li li:hover ul, #submenu li.sfHover ul, #submenu li li.sfHover ul, #submenu li li li.sfHover ul {
    	right: auto;
    	}
    
    #submenu li:hover, #submenu li.sfHover {
    	position: static;
    	}
    
    /* Main Content*/	
    
    #content {
    	float:right;
    	width: 600px;
    	height:100%;
    	padding:0px 0px 0px 0px;
    	margin:0px 0px 0px 0px;
    	display:inline;
    	overflow:hidden;
    
    	}	
    
    /* POST */
    
    .post {
    	margin: 0px 25px 30px 25px;
    	height:100%;
    	color:#555;
    
    	}
    
    .title{
    	margin: 0px 0px;
    	padding: 5px 0px;
    
    }	
    
    .title  h2 {
    	margin: 0px 0px;
    	padding: 5px 0px 5px 0px ;
    	font-size: 22px ;
    	font-family:'DBS-BYekan', B Koodak, Tahoma,Arial, sans-serif;
    	font-weight:normal;
    	text-transform:nouppercase;
    
    	}
    
    .title  h2 a, .title  h2 a:link, .title  h2 a:visited  {
    	color:#1A89B7;
    	background-color: transparent;
    	}
    
    .title  h2 a:hover  {
    	color: #1CE0E7;
    	background-color: transparent;
    	}	
    
    .postmeta{
    	background:#fff;
    	padding:5px 10px;
    	border:1px solid #efefef;
    	font-size:11px;
    	text-transform:uppercase;
    }
    span.author{
    	padding-right:15px;
    	background:url(images/user.png) no-repeat  right;
    }
    
    span.clock{
    	padding-right:15px;
    	background:url(images/clock.png) no-repeat  right;
    	margin-right:10px;
    }	
    
    span.comm{
    	padding-right:15px;
    	margin-right:10px;
    	background:url(images/comm.png) no-repeat right;
    }	
    
    img.postimg{
    	border:1px solid #eaeaea;
    	float:right;
    	padding:5px;
    	background:#fff;
    	margin:10px 0px 5px 10px;
    }	
    
    .entry {
    	margin:10px 0px 0px 0px;
    	padding: 0px 0px ;
    	}	
    
    .entry a:link,
    .entry a:visited {
       	color:#1A89B7;
    	}
    
    .entry a:hover {
    	color:#1CE0E7;
    
    	}
    
    .entry ul, .entry ol{
      margin: .4em 0 1em;
      line-height: 150%;
    }
    
    .entry ul li, .entry ol li{
      list-style-position:outside;
      margin-right: 1.6em;
    }
    
    .entry p{
    	margin:0px 0px 10px 0px;
    	padding:5px 0px;
    	line-height:24px;
    }
    
    a.morer{
    	float:right;
    	background:#ca333e;
    	width:100px;
    	height:28px;
    	line-height:25px;
    	text-align:center;
    	color:#fff!important;
    	text-decoration:none;
    	font: 17px 'DBS-BKoodakBold', B Koodak, Tahoma;
    }
    
    .singleinfo{
    	padding:5px 0px;
    	border:1px solid #ddd;
    	background:#fff;
    }
    .category{
    	padding:5px 15px 5px 0;
    	color:#827A60;
    	font-size:10px;
    	margin-right:10px;
    	background:url(images/tag.png) right center no-repeat;
    	text-transform:uppercase;
    	}
    
    .category a:link,.category a:visited{
    	color:#CF0808;
    	}
    
    .category a:hover{
    	color:#444;
    	}
    
    /* right column */
    .right{
    
    	float:left;
    	width:300px;
    	padding:0px 0 0px 0px;
    	display:inline;
    	overflow:hidden;
    }
    
    h3.sidetitl{
    	font-family: 'DBS-BKoodakBold', B Koodak, Tahoma,Tahoma, sans-serif;
    	color:#222;
    	font-size:18px;
    	padding:6px 10px 10px 0px;
    	height:39px;
    	font-weight:normal;
    	background:url(images/side.png);
    
    }
    
    /* Twitter updates */
    
    p.twitter-message{
    	color:#555;
    	margin:0px 15px 10px 25px;
    	padding-bottom:5px;
    	border-bottom:1px solid #ddd;
    	font-size:12px;
    	text-shadow:1px 1px 0px #fff;
    }
    
    a.twitter-link{
    	color:#CF4C23;
    }
    
    a.twitter-user{
     	color:#CF4C23;
    }
    
    /* The Sidebar */
    
    .sidebar{
    	float:right;
    }
    
    .sidebox{
    	width:300px;
    	margin:30px 0px 10px 0px;
    	list-style:none;
    	color:#6f6f6f;
    	}
    
    .sidebox ul {
    	list-style-type: none;
    	margin:  0px;
    	padding: 0px 0px 5px 0px ;
    
    	}
    .sidebox li{
    	list-style-type: none;
    	margin: 0 ;
    	padding: 0;
    
    	}
    .sidebox ul ul  {
    	list-style-type: none;
    	margin: 0;
    	padding: 0px 0px 0px 0px;
    	background-repeat:no-repeat;
    		}
    
    .sidebox ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    	}
    
    .sidebox ul ul ul ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    
    	}
    
    .sidebox ul li {
    	height:100%;
    	line-height:24px;
    	clear:right;
    	width:260px;
    	margin:0px 10px;
    	list-style-type: none;
    	text-shadow:1px 1px 0px #fff;
    	}
    
    .sidebox ul li a:link, .sidebox ul li a:visited {
    
    	color:#555;
    	text-decoration: none;
    	padding: 5px 0px 5px 0px;
    	display:block;
    
    	}
    
    .sidebox ul li a:hover {
    	color: #C80101;
    
    	}
    
    .sidebox.widget_categories ul li,.sidebox.widget_pages ul li,.sidebox.widget_archive ul li,
    .sidebox.widget_links ul li,.sidebox.widget_meta ul li{
    
    	border-bottom:1px solid #f9f9f9;
    }
    
    .sidebox.widget_recent_entries ul li a{
    	border-bottom:1px solid #f9f9f9;
    }
    
    ul#recentcomments li.recentcomments {
    	padding:5px 0px;
    	border-bottom:1px solid #f9f9f9;
    }
    
    .squarebanner {
    	margin:0px 0px 10px 0px;
    	width:300px;
    	}
    
    .squarebanner ul{
    	list-style-type:none;
    	margin: 0px auto;
    	padding: 0px 0px 0px 5px;
    	overflow:hidden;
    	width:270px;
    		}
    
    .squarebanner ul li{
    	list-style-type:none;
    	margin: 10px 0px 0px 10px;
    	float:right;
    	display:inline;
    	background:#eee;
    	}
    
    .squarebanner ul li.rbanner{
    	margin-left:0px;
    
    }
    /*calendar*/
    
    #wp-calendar{
    	width: 100%;
    	padding: 0px 5px;
    
    }
    #calendar_wrap{
    
    	margin:0px auto;
    }
    
    #wp-calendar caption{
    	padding: 10px 5px 5px 5px ;
    	font-size:16px;
    	color:#375752;
    	font-weight:bold;
    	font-family:Georgia, Arial, sans-serif;
    	text-transform:uppercase;
    }
    
    #wp-calendar th, #wp-calendar td{
    	padding: 5px;
    	text-align:center;
    	color:#fff;
    	background:#555;
    }
    
    #wp-calendar td a{
    
    	padding: 0px;
    	border:none;
    	color:#843400;
    }
    #wp-calendar td{
    	background:transparent;
    	border:none;
    	color:#444;
    }
    #wp-calendar td, table#wp-calendar th{
    	padding: 2px 0;
    }		
    
    /* Footer widgets */
    
    #bottom{
    	margin:0px auto;
    	width:900px;
    	/*background:url(images/botc.png) top no-repeat;*/
    	background:transparent;
    
    }
    
    .bottomcover{
    	background:url(images/bottom.png) repeat-y;
    	margin:0px auto;
    }	
    
    h3.bothead{
    	font-size:20px;
    	padding:10px 0px 10px 0px;
    	color:#fff;
    	text-shadow:1px 1px 0px #111;
    	font-family: 'DBS-BKoodakBold', B Koodak, Tahoma,sans-serif;
    	font-weight:normal;
    	}
    
    .botwid{
    	float:right;
    	width:190px;
    	padding-bottom:30px;
    	font-size:12px;
    	margin:20px 18px 0px 10px;
    	color:#ddd;
    	list-style:none;
    	}
    
    .botwid ul {
    	list-style-type: none;
    	margin:  0px;
    	padding: 0px 0px 0px 0px ;
    
    	}
    .botwid li{
    	list-style-type: none;
    	margin: 0 ;
    	padding: 0;
    
    	}
    .botwid ul ul  {
    	list-style-type: none;
    	margin: 0;
    	padding: 0px 0px 0px 0px;
    	background-repeat:no-repeat;
    		}
    
    .botwid ul ul ul{
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    	}
    
    .botwid ul ul ul ul{
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	border:0;
    
    	}
    
    .botwid ul li {
    	height:100%;
    	line-height:18px;
    	clear: right;
    	width: 190px;
    	list-style-type: none;
    	}
    
    .botwid ul li a:link, .botwid ul li a:visited  {
    
    	color: #C9B5AF;
    	text-decoration: none;
    	padding: 5px 0px 5px 0px;
    	display:block;
    	border-bottom:1px dotted #E52044;
    
    	}
    
    .botwid ul li a:hover{
    
    	color: #fff;
    	}
    
    .botwid p{
    	padding: 7px 0px;
    	margin:0;
    	line-height:150%;
    	}
    
    .botwid table {
    	width:100%;
    	text-align:center;
    	color:#787d7f;
    	}	
    
    /* --- FOOTER --- */
    
    #footer {
    	padding:0px 0px 0px 0;
    	color:#eee;
    	font-size:11px;
    	background:transparent;
    	margin-bottom:30px;
    	}
    
    #footer a:link , #footer a:visited{
    	color:#eee;
    	}
    
    #footer a:hover {
    	color:#eee;
    	}
    
    .fcred{
    	width:900px;
    	text-align:center;
    	margin:10px auto;
    	line-height:16px;
    }
    
    /* The Navigation */
    
    #navigation{
    	margin:5px 25px 0px 0px;
    	padding:5px 0px;
    
    	}
    
    /* The Attachment */
    
    .contentCenter {
    	text-align:center;
    	}
    
    /* The Page Title */
    
    h1.pagetitle {
    	padding:8px 10px 8px 0px;
    	background:#CA333E;
    	width:550px;
    	font-size:16px;
    	font-weight:normal;
    	color:#fff;
    	font-family:'DBS-BKoodakBold', B Koodak, Tahoma;
    	margin-right:25px;
    	margin-bottom:10px;
    	}
     h1.pagetitle  a {
     	color:#507409;
     }
    /* Comments */
    
    #commentsbox {
    
    	margin:0px 25px 0px 25px;
    
    }
    
    h3#comments{
    	font-size:20px;
    	color:#CA333E;
    	font-weight:normal;
    	padding:10px 0px 15px 0px ;
    	margin-top:10px;
    	font-family: 'DBS-BKoodakBold', B Koodak, Tahoma;
    }
    
    ol.commentlist {
    	margin:0px 0px;
    	clear:both;
    	overflow:hidden;
    	list-style:none;
    
    }
    ol.commentlist li {
    
    	margin:10px 0px 20px 0px;
    	line-height:18px;
    	padding:10px;
    	background:#fdfdfd;
    	border:1px solid #eee;
    
    }
    ol.commentlist li .comment-author {
    	color:#333;
    
    }
    ol.commentlist li .comment-author a:link,ol.commentlist li .comment-author a:visited{
    
    	color:#1A89B7;
    	font-weight:bold;
    	text-decoration:none !important;
    }
    
    ol.commentlist li .comment-author .fn {
    	color:#333;
    }
    cite.fn{
    	color:#eee;
    	font-style:normal;
    }
    ol.commentlist li .comment-author .avatar{
    	float:right;
    	border:1px solid #eee;
    	background:#fff;
    	padding:3px;
    }
    ol.commentlist li .comment-meta{
    	font-size:10px;
    
    }
    ol.commentlist li .comment-meta .commentmetadata{
    
    	color:#000;
    }
    
    ol.commentlist li .comment-meta a {
    	color:#ED1717;
    	text-decoration:none !important;
    }
    ol.commentlist li p {
    	line-height:22px;
    	margin-top:5px;
    	color:#666;
    	font-size:12px;
    
    }
    ol.commentlist li .reply{
    	margin-top:10px;
    	font-size:10px;
    }
    ol.commentlist li .reply a{
    	background:#CA333E;
    	border:1px solid #A51D26;
    	color:#fff;
    	text-decoration:none;
    	padding:3px 10px;
    }
    
    ol.commentlist li.odd {
    
    }
    ol.commentlist li.even {
    
    }
    
    ol.commentlist li ul.children {
    	list-style:none;
    	margin:1em 0 0;
    	text-indent:0;
    
    }
    
    ol.commentlist li ul.children li.depth-2 {
    
    	margin:0 50px 0px 0;
    
    }
    
    ol.commentlist li ul.children li.depth-3 {
    
    	margin:0 50px 0px 0;
    
    }
    
    ol.commentlist li ul.children li.depth-4 {
    
    	margin:0 50px 0px 0;
    
    }
    ol.commentlist li ul.children li.depth-5 {
    
    	margin:0 50px 0px 0;
    
    }
    .comment-nav{
    
    	padding:5px ;
    	height:20px;
    
    }
    
    .comment-nav a:link,.comment-nav a:visited{
    
    	color:#E73540;
    }
    
    #respond{
    
    	padding:0px 0px ;
    	margin:10px 5px 0px 20px;
    
    }
     #respond h3 {
    	font-size:22px;
    	font-weight:normal;
    	padding:10px 0px ;
    	color:#555;
    	font-family: 'DBS-BKoodakBold', B Koodak, Tahoma;
    
    }
    #commentform {
    	padding:10px 0px;
    }
    #commentform a {
    	color:#CF0808;
    }
    
    #commentform p{
    	margin:5px 0px ;
    	color:#777;
    }
     #respond label{
    	display:block;
    	padding:5px 0;
    	color:#777;
    
    }
     #respond  label small {
    	font-size:10px;
    
    }
     #respond input {
    	margin-bottom:10px;
    	padding:5px 5px;
    	margin:0 0 10px 10px;
    	background:#fff;
    	border:1px solid #ddd;
    	color:#02070F;
    }
    #commentform  input{
    	width:50%;
    
    }
    
    #respond  input#commentSubmit {
    	width:100px;
    	padding:3px 5px;
    	background:#CA333E;
    	border:1px solid #A8212A;
    	color:#fff;
    	margin:10px 0px;
    	cursor:pointer;
    	font-family: Tahoma , Arial;
    }
    textarea#comment{
    	border:none;
    	background:#fff;
    	border:1px solid #ddd;
    	width:80%;
    	margin:10px 0px 0px 0px;
    	padding:5px 5px;
    	color:#02070F;
            font-family:Tahoma,Arial, sans-serif;
    }
    
    /* Pagination */
    
    .wp-pagenavi{
    
    	font-size:12px;
    	text-align: center !important;
    
    }
    .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited {
    
    	text-decoration: none;
    	background:#CF0808!important;
    	border: 1px solid #A00606 !important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: right;
    	margin-left: 4px;
    	font: 18px/1.8 'DBS-BKoodakBold', B Koodak, Tahoma,sans-serif;
    }
    
    .wp-pagenavi a:hover {
    	color: #ffffff;
    }
    
    .wp-pagenavi span.pages {
    
    display:none;
    }
    .wp-pagenavi span {
    	font: 18px/1.8 'DBS-BKoodakBold', B Koodak, Tahoma,sans-serif;
    }	
    
    .wp-pagenavi span.current {
    	text-decoration: none;
    	background:#333 !important;
    	border: 1px solid #111!important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: right;
    	margin-left: 4px;
    
    }
    
    .wp-pagenavi span.extend {
    
    	text-decoration: none;
    	background:#333 !important;
    	border: 1px solid #111 !important;
    	color:#fff !important;
    	padding:3px 7px !important;
    	display: block;
    	text-align: center;
    	float: right;
    	margin-left: 4px;
    
    }
  6. Héctor Cabrera
    Member
    Plugin Author

    Posted 1 year ago #

    Try adding this too to your modified wpp.css file:

    Change:

    /* title styles */
    .wpp-post-title {
    }

    ... to:

    /* title styles */
    .wpp-post-title { display:inline; }
  7. Vahid
    Member
    Posted 1 year ago #

    Thanks for your kind consideration, but this solution didn't work, too! I would be grateful if you give me another solution.

  8. Vahid
    Member
    Posted 1 year ago #

    Thanks for your kind consideration, but this solution didn't work, too! I would be grateful if you give me another solution.

    I just found the solution: I should have added an !important:

    /* title styles */
    .wpp-post-title { display:inline!important; }

    So I'll change this topic to "Resolved".

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic