Results 1 to 2 of 2

Thread: Wordpress CSS Help

  1. #1
    Join Date
    Feb 2012
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Wordpress CSS Help

    Hey, i'm new to coding Wordpress themes. I was needing some help with widget areas. In the container div (code below) i want to be able to add a div to be inside that one for the widget area to the farthest right possible in the div. Please Help
    Code:
    /* 
    Theme Name: Headlines 
    Theme URI: http://www.applemonster.co/ 
    Description: Default Apple Monster Template. 
    Author: Caio DosAnjos 
    Author URI: http://applemonster.co/
    Version: 1.0 
    . 
    Copyright, do not copy under penalty of law
    . 
    */
    
    body {
    	line-height: 1;
    	background:#EEE;
    	margin:0;
    }
    
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    font: 1.8em Arial, Helvetica, sans-serif;
    }
    
    code {
    font: 1.8em "Courier New", mono;
    }
    
    /* =Menu
    -------------------------------------------------------------- */
    #menu {
    	background: #333;
    	height: 2.5em; 
    }
    
    #menu-content {
    	font-size: 0.857em;
    	margin-left: auto;
            margin-right: auto;
    	width: 60.188em;
    }
    
    #menu-content a:link {
    color:#EEE;
    text-decoration:none;
    }
      
    #menu-content a:visited {
    color:#EEE;
    text-decoration:none;
    }  
    
    #menu-content a:hover {
    color:#000;
    text-decoration:none;
    }
     
    #menu-content a:active {
    color:#000;
    text-decoration:none;
    }
    
    #menu-content ul{
    list-style: none;
    padding: 0;
    margin: 0;
    }
    
    #menu-content li{
    float: left;
    margin: 0;
    }
    
    /* =Content
    -------------------------------------------------------------- */
    #content {
    	background: #FFF;
    	font-size: 0.857em;
    	margin-top: 1.25em;
    	margin-left: auto;
        margin-right: auto;
    	width: 60.188em;
    }
    
    #content a:link {
    color:#0cf;
    text-decoration:none;
    }
      
    #content a:visited {
    color:#5E5E5E;
    text-decoration:none;
    }  
    
    #content a:hover {
    color:#EEE;
    text-decoration:none;
    }
     
    #content a:active {
    color:#0cf;
    text-decoration:none;
    }
    
    /* =Footer
    -------------------------------------------------------------- */
    #footer {
    	border-top:0.313em solid #DDD;
    	background: #333;
    	margin-top: 1.25em;
    }
    
    #footer-content {
    	font-size: 0.625em;
    	margin-left: auto;
        margin-right: auto;
    	width: 60.188em;
    }
    
    #footer-content a:link {
    color:#EEE;
    text-decoration:none;
    }
      
    #footer-content a:visited {
    color:#EEE;
    text-decoration:none;
    }  
    
    #footer-content a:hover {
    color:#FFF;
    text-decoration:none;
    }
     
    #footer-content a:active {
    color:#FFF;
    text-decoration:none;
    }
    
    /* =Align
    -------------------------------------------------------------- */
    .alignnone {
        margin: 5px 20px 20px 0;
    }
    
    .aligncenter, div.aligncenter {
        display:block;
        margin: 5px auto 5px auto;
    }
    
    .alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }
    
    .alignleft {
        float:left;
        margin: 5px 20px 20px 0;
    }
    
    .aligncenter {
        display: block;
        margin: 5px auto 5px auto;
    }
    
    a img.alignright {
        float:right;
        margin: 5px 0 20px 20px;
    }
    
    a img.alignnone {
        margin: 5px 20px 20px 0;
    }
    
    a img.alignleft {
        float:left;
        margin: 5px 20px 20px 0;
    }
    
    a img.aligncenter {
        display: block;
        margin-left: auto;
        margin-right: auto
    }
    
    .wp-caption {
        background: none;
        border: none;
        max-width: 96%; /* Image does not overflow the content area */
        padding: 5px 3px 10px;
        text-align: center;
    }
    
    .wp-caption.alignnone {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignleft {
        margin: 5px 20px 20px 0;
    }
    
    .wp-caption.alignright {
        margin: 5px 0 20px 20px;
    }
    
    .wp-caption img {
        border: 0 none;
        height: auto;
        margin:0;
        max-width: 98.5%;
        padding:0;
        width: auto;
    }
    
    .wp-caption p.wp-caption-text {
        font-size:11px;
        line-height:17px;
        margin:0;
        padding:0 4px 5px;
    }
    also if i have errors, please pint them out

  2. #2
    Join Date
    Feb 2007
    Posts
    39
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    Do you have a link? so i can check it,

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •