Blog Comments Formating

Discussion in 'GoldenEagle WordPress Theme' started by mightypizzaoven, Feb 10, 2014.

Thread Status:
Not open for further replies.
  1. mightypizzaoven

    mightypizzaoven Member

    Joined:
    Nov 4, 2012
    Messages:
    82
    Likes Received:
    0
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    ol.commentlist li .comment-body {
    margin-bottom: 0px;
    background: yellow;
    }
    Thanks & Regards
    Gourav Shrivastava
     
  3. mightypizzaoven

    mightypizzaoven Member

    Joined:
    Nov 4, 2012
    Messages:
    82
    Likes Received:
    0
    Thanks, that resolved the spacing between each comment. But I still need

    1- I do not use avatar, there is a blank space where the should be. I need to remove that space and extend the blog comment width.


    2- alternate the shade of the comments? one comment shade is grey and the next one is yellow.

    Thanks
     
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

    1. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    ol.commentlist li .comment-body {
    margin-left: 0px;
    padding-left: 0px;
    }
     
    2. Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.

    Code:
    ol.commentlist li:nth-child(odd) div:nth-child(1){
    background-color: grey;
    }
    ol.commentlist li:nth-child(even) div:nth-child(1){
    background-color: yellow;
    }
     
    In place "grey" and "yellow" you can put your color or color code.
    This will solve your issue.
     
  5. mightypizzaoven

    mightypizzaoven Member

    Joined:
    Nov 4, 2012
    Messages:
    82
    Likes Received:
    0
    Perfect.

    One more question. How to minimize the space within each comment after below the last text line
     
  6. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160
    Hello,

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    ol.commentlist li p {
    margin-bottom: 7px;
    }
    Thanks & Regards
    Nitesh Raghuwanshi
     
  7. mightypizzaoven

    mightypizzaoven Member

    Joined:
    Nov 4, 2012
    Messages:
    82
    Likes Received:
    0
Thread Status:
Not open for further replies.

Share This Page