• I am working off the YAST (Yet Another Standard Theme) Theme. I want the pages to have the same font size, spacing, etc as the posts (see recipes). I can’t see where to do that. Can you point me to where I need to be looking?

    fallywalkerfarm DOT com

    common */
    body,div,span,td,h1,h2,h3,h4,h5,h6,p,input{font:normal 12px Verdana,sans-serif; margin:px;}
    h1,h2,h3,h4,h5,h6{font-size:18px; font-weight:bold;}
    body{background-color: #f3ce03;}
    form{padding:0px; margin:0px;}
    input[type=text], input[type=checkbox], textarea{border:1px solid #999;}
    img{border:0px;}
    a{color:#00c; text-decoration:none;}
    a:hover{text-decoration:underline;}
    p{margin-bottom:10px;}
    hr{border:0px; border-bottom:1px solid #999;}
    /************************************************
    *	Navbar      								*
    ************************************************/
    #navbar {
    	background: #6d729b;
    	width: 830px;
    	margin: -10px -10px 0px;
    	padding: 8px 0px 9px 0px;
    	text-align: left;
    	}
    
    #navbar li {
    	display: inline;
    	list-style-type: none;
    	margin: 0px;
    	padding: 0px;
    	}
    
    #navbar ul {
    	margin: 0px;
    	padding: 0px;
    	}
    
    #navbar ul li {
    	margin: 0px;
    	padding: 0px;
    	}
    
    #navbar ul li a {
    	background: #6d729b top right;
    	font-size: 13px;
    	color: #FFFFFF;
    	padding: 8px 20px 9px 20px;
    	margin: 0px -4px 0px 0px;
    	text-decoration: none;
    	text-transform: uppercase;
    	}
    
    #navbar ul li a:hover {
    	background: #688f34;
    	color: #FFFFFF;
    	}
    
    /* structure */
    #page{position:relative; margin:0px auto; width:898px;}
    #border{position:relative; background:url(img/page-border.png) repeat-y; width:898px;}
    #prehead{position:absolute; left:14px; width:830px; height:165px; background:url(img/title.jpg) no-repeat;}
    #head{position:absolute; left:-45px; top:10px; width:640px; height:165px; background:url(img/title.gif);}
    #head .l{position:absolute; left:0px; top:0px; width:15px; height:134px; no-repeat;}
    #head .m{position:absolute; left:15px; top:0px; width:810px; height:134px; text-align:center; background:url(img/logo-mid.png) repeat-x;}
    #head .r{position:absolute; right:0px; top:0px; width:15px; height:134px; background:url(img/logo-right.png) no-repeat;}
    #head .m h1{padding-top:29px;}
    #head .m h1 a{font-size:36px; text-decoration:none;}
    #head .m div{margin-top:7px; font-size:14px; font-weight:bold;}
    #content{float:left; position:relative; width:575px; margin:175px 0px 100px 24px;}
    #contentMid{float:left; position:relative; width:575px; margin:200px 0px -9px 129px;}
    #sidebar{float:left; position:relative; width:215px; margin:206px 0px 90px 10px;}
    #splatter1{position:absolute; left:970px; top:570px; width:150px; height:122px;
    background:url(img/splatter1.gif);}
    #splatter2{position:absolute; left:825px; top:43px; width:150px; height:170px;
    background:url(img/splatter2.gif);}
    #splatter3{position:absolute; left:850px; top:600px; width:190px; height:124px;
    background:url(img/splatter3.gif);}
    #foot{position:absolute; left:7px; bottom:-57px; width:850px; height:157px; margin:0px 90px 0px 0px;background:url(img/footer.gif);}
    #prefooter{position:absolute; left:0px; bottom:-19px; width:858px; height:19px; background:url(img/page-footer1.png) no-repeat;}
    #footer{background:url(img/page-footer2.png) no-repeat; margin:19px 0px 14px 0px; padding-top:15px; color:#666; font-weight:bold; text-align:center;}
    #footer a{color:#559; font-weight:bold;}
    /* news */
    .news{position:relative; width:575px; margin-top:10px;}
    .news .top{background:url(img/news-top.png) no-repeat; padding:10px 8px 6px 8px;}
    .news .top h2, .news .top h3{font-size:18px; font-weight:bold;}
    .news .top h2 a, .news .top h3 a{color:#000;}
    .news .top h2 span, .news .top h3 span{color:#777;}
    .news .mid{padding:12px 19px 3px 19px; background:url(img/news-mid2.png) repeat-y;}
    .news .mid2{padding:2px 19px 1px 19px; background:url(img/news-mid2.png) repeat-y;}
    .news .mid a, .news .mid2 a{text-decoration:underline; font-weight:bold;}
    .news .midTop{height:5px; background:url(img/news-top2.png) no-repeat;}
    .news .midBot{height:5px; background:url(img/news-bot2.png) no-repeat;}
    .news .midBot2{height:15px; background:url(img/news-bot3.png) no-repeat;}
    .news .bot{color:#777; text-align:center; padding:7px 9px 8px 9px; background:url(img/news-bot.png) bottom no-repeat;}
    .news .bot a{color:#00c;}
    .news .commentPic{float:left; margin:0px 10px 8px 0px;}
    /* navigation bar */
    .nav .left a, .nav .right a{width:150px; height:22px; background:url(img/button.png) no-repeat; padding-top:7px; text-align:center; margin-top:10px;}
    .nav .left a{float:left;}
    .nav .right a{float:right;}
    /* sidebar */
    #sidebar{color:#999;}
    #sidebar ul{margin:0px; padding:0px; list-style-type:none;}
    #sidebar > ul > li{background:url(img/menu-mid.png) repeat-y; margin-top:10px;}
    #sidebar > ul > li h2{display:block; height:18px; background:url(img/menu-top.png) no-repeat; padding:7px 9px 0px 9px; color:#000;}
    #sidebar > ul > li .a, #sidebar > ul > li > ul{padding:7px 9px 8px 9px; background:url(img/menu-bot.png) bottom no-repeat;}
    #sidebar input[type=text]{width:108px;}
    
    #sidebar .text{padding:7px 0px 0px 0px; background:#fff;}
    #sidebar .text p{color:#000; font-weight:bold;}
    #sidebar .bk{color:#000;}
    #sidebar .categories .children{margin-left:10px;}
    /* miscellaneous */
    .h2head{margin-top:6px; font-size:14px;}
    .pageContent{margin:14px 0px 20px 0px;}
    .error1{margin-top:7px; color:#900;}
    .error2{margin:5px 0px 15px 0px; color:#900;}
    .pages{text-align:center; margin:7px 0px 15px 0px;}
    .clear{clear:both;}
    .MT10{margin-top:10px;}
    .comment{font-size:14px; margin-bottom:10px;}
    /* needed by wordpress */
    .aligncenter, div.aligncenter{display:block; margin-left:auto; margin-right:auto;}
    .alignleft{float:left;}
    .alignright{float:right;}
    .wp-caption{border:1px solid #ddd; text-align:center; background-color:#fff; padding-top:4px; margin:8px 0px 0px 0px;}
    .wp-caption img{margin:0; padding:0; border:0 none;}
    .wp-caption p.wp-caption-text{padding:7px 4px 8px; margin:0;}
    /*
    
    CONFIGURE YOUR COLORS HERE: */
    
    	#head .m h1 a, #head .m div{color:#fff;}                 /* head area text color */
    	#sidebar > ul > li{background-color:#eeeeee;}            /* menu background color */
    	.news{background-color:#ffffff;}                         /* post background color */
    	.nav .left a, .nav .right a{background-color:#dae2f2;}   /* previous-next navigation buttons background color */
    
    /* Remove this comment (not the code) if you wish the menu to be on the left side
    	#content{float:right; margin:113px 24px -9px 0px;}
    	#sidebar{margin:113px 0px -9px 24px;}
    */
  • The topic ‘CSS Question – Text Layout’ is closed to new replies.