Comments Section for RTL Websites

  • Resolved
    Posted in: Highend WP Theme  

  • Customer
    salah9
    April 14, 2018 at 10:45 am #125906

    In 2016 I added custom CSS on my blog to fix the comments section.

    Today, I updated the theme from 3.4 to 3.4.9.2. It is somehow broken again. Please help.

    Here is a page from my blog showing how the comments section appears.
    https://salahblog.com/فعلتها-اليابان،-رحلتي-الثانية-لها/

    Here is my custom CSS code

    #respond p input:not([type='checkbox']) {
        width:39% !important;
        margin-top:20px !important;
    }
    
    div#comments.comments-section.aligncenter {
        display: none !important;
    }
    
    .comments-list li.comment > div.comment-body {
        padding-left:25px !important;
    	padding-right:60px !important;
    }
    
    .author-tag {
        font-family: Tahoma !important;
        letter-spacing: 0px !important;
        left: 30px !important;
        right: auto !important;
        font-size: 11px !important;
        border-radius: 5px;
        padding-left:5px;
        padding-right:5px;
        background: #F28857;
        color: #FFFFFF;
    }
    
    .comments-list li.comment > div .rounded-element {
        left: 0px !important;
        right: -30px !important;
    }
    
    .comment-body p {
        margin-left:0px !important;
        /* The line below disabled because responsive CSS works
        margin-right: 91px !important;*/
    }
    
    cite.fn {
        float:right !important;
    }
    
    .comments-list .reply,.comments-list .hb-quote {
        float:right !important;
    }
    
    .comments-list .reply .sep,.comments-list .hb-quote .sep {
        margin:0 6px 0 5px !important;
    }
    
    .comments-list .children {
        /* The line below may be need a fix */
        margin-left:0!important;
        padding-left:0px !important;
        border-left:0px !important;
        
        margin-right:0 !important;
        /*The line below doesn't work anymore, I increase the value to 40px
        padding-right:20px !important;*/
        padding-right:40px !important;
        border-right:1px dashed #ebebeb !important;
    }
    
    .comments-list .children > li::after {
        /* The line below may be need a fix */
        border-right:0;
        left:0px !important;
        
        border-left:0 !important;
        right:-40px !important;
    }
    
    .comments-list .children > li::before {
        border:solid 1px #ebebeb !important;
        border-left:1px !important;
        border-bottom:1px !important;
        right:-5px !important;
    }
    
    .comment-body .comment-author {
        display: block;
    	/*position: absolute;
    	right:60px !important;*/
    }

    Sorry, this forum is for verified users only. Please Login or Register to continue

Comments are closed.