Changing CSS of existing theme

Discussion in 'WordPress' started by netgo, Oct 9, 2012.

  1. #1
    Hello

    I have installed a very nice theme called michelle,
    that doesn't have a definition for spacing between the lines (doesn't understand <p>)
    and doesn't have a definition for bullets.
    Where do I add these?

    /*--- Designed by DesignMag.net ---*/

    .commentlist li, #commentform input, #commentform textarea, #commentform p, #sidebar, #wp-calendar caption {
    font-family:verdana, tahoma, arial;
    }


    #page {
    text-align:right;
    direction:rtl;
    }
    h1, h2, h3, #sidebar h2 {
    font-family:arial, tahoma;
    }
    .commentlist li .avatar {
    float:left;
    }
    #header {
    margin:0 1px 0 0;
    }
    .narrowcolumn {
    float:right;
    padding: 0 45px 20px 0;
    }
    .widecolumn {
    margin: 5px 150px 0 0;
    }
    .widecolumn .smallattachment {
    margin: 5px 0 5px 5px;
    }
    .postmetadata {
    clear:right;
    }
    #sidebar {
    margin-left: 0;
    margin-right: 545px;
    }
    img.alignright {
    margin: 0 7px 2px 0;
    }

    img.alignleft {
    margin: 0 0 2px 7px;
    }

    .alignright {
    float: left;
    }

    .alignleft {
    float: right;
    }
    code {
    display:block;
    direction:ltr;
    text-align:left;
    }
    acronym, abbr, span.caps {
    letter-spacing:0; /* fix opera bug */
    }
    html>body .entry ul {
    padding:0 10px 0 0;
    text-indent:10px;
    }
    html>body .entry li {
    margin: 7px 10px 8px 0;
    }
    .entry ol {
    padding: 0 35px 0 0;
    }
    #sidebar ul ul, #sidebar ul ol {
    margin: 5px 10px 0 0;
    }
    #sidebar ul ul ul, #sidebar ul ol {
    margin: 0 10px 0 0;
    }
    #commentform input {
    margin: 5px 0 1px 5px;
    }
    #commentform #submit {
    float:left;
    }
    .commentlist p {
    margin: 10px 0 10px 5px;
    }
    #wp-calendar #next a {
    padding-right:0;
    padding-left:10px;
    text-align:left;
    }
    #wp-calendar #prev a {
    padding-left:0;
    padding-right:10px;
    text-align:right;
    }
    blockquote {
    margin: 15px 10px 0 30px;
    padding-left: 0;
    padding-right: 20px;
    border-left: 0 none;
    border-right: 5px solid #ddd;
    }
    #email, #url {
    direction:ltr;
    }
     
    netgo, Oct 9, 2012 IP
  2. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #2
    any idea? I would greatly appreciate any resources that can help, tried adding some code myself for these purposes but it didn't work...
     
    netgo, Oct 9, 2012 IP
  3. addlinkurl

    addlinkurl Well-Known Member

    Messages:
    2,409
    Likes Received:
    129
    Best Answers:
    0
    Trophy Points:
    155
    Digital Goods:
    1
    #3
    try this: p{line-height:18px;margin:0 0 10px 0;}
     
    addlinkurl, Oct 9, 2012 IP
  4. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #4
    Nope, doesn't work, could there be something in the theme that is overriding the new code?
     
    netgo, Oct 9, 2012 IP
  5. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #5
    It's easier to fix that if you let us know the link where the theme is placed or give us a link of the demo theme so we can scout a working example.
     
    ntmedia, Oct 9, 2012 IP
  6. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #6
    netgo, Oct 9, 2012 IP
  7. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #7
    Make sure your code is same as this:
    • padding-bottom: 10px;
    • line-height: 22px;
    • text-shadow: 0 1px 0 white;
     
    ntmedia, Oct 9, 2012 IP
  8. netgo

    netgo Active Member

    Messages:
    279
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    75
    #8
    I'm not sure I understand - which code?
    I keep adding and removing everything I try cause nothing changes the way the page looks...
     
    netgo, Oct 10, 2012 IP
  9. ntmedia

    ntmedia Active Member

    Messages:
    118
    Likes Received:
    11
    Best Answers:
    7
    Trophy Points:
    90
    #9
    add those lines to CSS (at the bottom of the css), just include:

    
    p {
    padding-bottom: 10px !important;
    line-height: 22px !important;
    }
    
    Code (markup):
     
    ntmedia, Oct 10, 2012 IP