Nested Comments

  • frugalprofessor1

    (@frugalprofessor1)


    9 months ago

    My blog used to have nested comments, which I enabled in the “Settings” => “Discussion” => “Enable threaded (nested) comments XX levels deep”.

    Any idea how to fix this problem with threaded (nested) comments not working? I frankly don’t remember when they stopped working nor what I did to make them stop working.

    Also, I’d love to change the following properties in my comment sections:
    * change “div.comments-area” padding to zero
    * change “div.comment-content” margin to zero and padding to zero

    Below is the custom CSS I have in place on the blog already. Thanks in advance!!!!



    /*
    You can add your own CSS here.

    Click the help icon above to learn more.
    */

    /white bullet points/
    .entry-content ul ul li {
    list-style-type: circle;
    }

    /gets rid of generic copyright/
    .site-info {
    display: none;
    }

    /gets rid of category and tag links/
    .entry-meta .cat-links {
    display: none;
    }
    .entry-meta .tag-links {
    display: none;
    }

    /get rid of author line/
    .byline{
    display: none;
    }

    /* change spacing of right sidebar*/
    .right-sidebar.separate-containers .site-main,
    .separate-containers .inside-right-sidebar,
    .separate-containers .widget {
    padding: 10px;
    }

    /* remove indent of bullets */
    ul {
    margin-left: 20px;
    }

    /* remove indent of footnotes (ordered lists) */
    ol {
    margin-left: 20px;
    }

    /* reducing padding for mobile only: https://generatepress.com/forums/topic/mobile-padding/ */

    @media (max-width:768px) {
    .separate-containers .inside-article,
    .one-container .site-content {
    padding: 10px;
    }
    }

    /* fix spacing of comments and posts on front page */
    footer.entry-meta {
    margin-top: 13px;
    }
    .blog .post{
    margin-top: -20px;
    margin-bottom: -20px;
    }
    .entry-summary {
    margin-top: 0.5em;
    }

    /* increase spacing on mobile or else it’s screwed up */
    @media (max-width:768px) {
    .blog .post{
    margin-top: 20px;
    margin-bottom: 20px;
    }
    }

    .widget ul {
    list-style: outside none disc;
    }

    /* get rid of previous/next post at the end of each post */
    .post-navigation {
    display: none;
    }

    /* change spacing to different RHS widgets */ blog_subscription-2{

    padding-bottom: 0px;

    } custom_html-2{

    padding-top: 0px;   
padding-bottom: 0px;

    }

    .widget-title{
    margin-bottom: 5px;
    } subscribe-submit{

    margin-top: -15px;

    }

    .widget-title{
    font-size: 1.2em;
    font-weight: 600;
    }

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • ying

    (@yingscarlett)

    Hi there,

    I checked the post, but it looks like the nested comments are working fine, this is what I see:https://app.screencast.com/e4EayfIopLJB6

    Let me know if I miss anything ??

    Thread Starter frugalprofessor1

    (@frugalprofessor1)

    Thanks so much for the reply!

    I was under the impression that nesting was not working at the third or fourth level, but I think I’m mistaken. So sorry to have wasted your time!!!!

    Any suggestions on how to change spacing/padding to the following elements by editing the custom CSS?

    • change “div.comments-area” padding to zero
    • change “div.comment-content” margin to zero and padding to zero

    Thanks!!!!!!!!!!!!!

    ying

    (@yingscarlett)

    Can you tell me which comment is in 3rd or 4th level? I didn’t find one.

    Let me know ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Nested Comments’ is closed to new replies.