Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1259328
    lemag
    Participant

    Hello,

    I am currently using Renew stack with demo 4 and I am trying to modify the way the comments section looks. The URL is http://30kvisitors.com/hello-world/

    I want to make the following changes (also displayed in the attached image):
    1. Move the reply link/button below the comment (and aligned to the left like the rest of the comment).
    2. Remove all borders and lines.
    3. Display the date of the comment as November 13, 2016 (the same it is in the date of the blog post).
    4. Move the entire comment to the left (instead of the Reply link which is now moved below the comment).
    5. The “AT” word from the time stamp of the comment should be displayed with small letters (not CAPS).

    Thank you.

    #1259463
    Christian
    Moderator

    Hey there,

    Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

    Thank you for your understanding.

    #1259851
    lemag
    Participant

    There are a lot of posts on the forum where you guys have provided customization help. This is one of the main reasons why I chose X theme over the competition. But it looks like with your growth as a company there is a definitely decrease in the support quality provided.

    It’s time maybe to try the competition as well…

    #1260105
    Jade
    Moderator

    Hi there,

    Please try to add this code in the customizer:

    article.comment {
        border: 0;
    }
    
    .x-comment-wrap {
        margin-left: 0;
    }
    
    .x-reply {
        margin: 0;
        clear: none;
        position: absolute;
        bottom: -5px;
    }
    
    .comment {
        position: relative;
    }
    
    .x-comment-time {
        text-transform: lowercase;
    }

    Then please install and activate a child theme and add this code in the functions.php file of the child theme:

    function x_renew_comment( $comment, $args, $depth ) {
    
      $GLOBALS['comment'] = $comment;
      switch ( $comment->comment_type ) :
        case 'pingback' :  // 1
        case 'trackback' : // 1
      ?>
      <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>">
        <p><?php _e( 'Pingback:', '__x__' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', '__x__' ), '<span class="edit-link">', '</span>' ); ?></p>
      <?php
          break;
        default : // 2
        GLOBAL $post;
        if ( X_WOOCOMMERCE_IS_ACTIVE ) :
          $rating = esc_attr( get_comment_meta( $GLOBALS['comment']->comment_ID, 'rating', true ) );
        endif;
        if ( x_is_product() ) {
          $comment_avatar = get_avatar( $comment, 240 );
        } else {
          $comment_avatar = get_avatar( $comment, 120 );
        }
      ?>
      <li id="li-comment-<?php comment_ID(); ?>" <?php comment_class(); ?>>
        <article id="comment-<?php comment_ID(); ?>" class="comment">
          <?php
          printf( '<div class="x-comment-img">%s</div>',
            '<span class="avatar-wrap cf">' . $comment_avatar . '</span>'
          );
          ?>
          <?php if ( ! x_is_product() ) : ?>
          <div class="x-reply">
            <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply <span class="comment-reply-link-after"><i class="x-icon-reply" data-x-icon=""></i></span>', '__x__' ), 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?>
          </div>
          <?php endif; ?>
          <div class="x-comment-wrap">
            <header class="x-comment-header">
              <?php
              printf( '<cite class="x-comment-author">%1$s</cite>',
                get_comment_author_link()
              );
              if ( x_is_product() && get_option('woocommerce_enable_review_rating') == 'yes' ) : ?>
                <div class="star-rating-container">
                  <div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating" class="star-rating" title="<?php echo sprintf( __( 'Rated %d out of 5', '__x__' ), $rating ) ?>">
                    <span style="width:<?php echo ( intval( get_comment_meta( $GLOBALS['comment']->comment_ID, 'rating', true ) ) / 5 ) * 100; ?>%"><strong itemprop="ratingValue"><?php echo intval( get_comment_meta( $GLOBALS['comment']->comment_ID, 'rating', true ) ); ?></strong> <?php _e( 'out of 5', '__x__' ); ?></span>
                  </div>
                </div>
              <?php endif;
              printf( '<div><a href="%1$s" class="x-comment-time"><time datetime="%2$s">%3$s</time></a></div>',
                esc_url( get_comment_link( $comment->comment_ID ) ),
                get_comment_time( 'c' ),
                sprintf( __( '%1$s at %2$s', '__x__' ),
                  get_comment_date( 'F j, Y' ),
                  get_comment_time()
                )
              );
              edit_comment_link( __( '<i class="x-icon-edit" data-x-icon=""></i> Edit', '__x__' ) );
              ?>
            </header>
            <?php if ( '0' == $comment->comment_approved ) : ?>
              <p class="x-comment-awaiting-moderation"><?php _e( 'Your comment is awaiting moderation.', '__x__' ); ?></p>
            <?php endif; ?>
            <section class="x-comment-content">
              <?php comment_text(); ?>
            </section>
          </div>
        </article>
      <?php
          break;
      endswitch;
    
    }

    Hope this helps.

    #1261374
    lemag
    Participant

    Those worked perfectly.

    Thank you very much.

    #1261742
    Friech
    Moderator

    We’re delighted to assist you with this.

    Cheers!

    #1264554
    lemag
    Participant

    I was wondering if it’s possible to remove the category from being displayed on the post page. Please look at http://30kvisitors.com/hello-world/ and under the title you can see the category (Uncategorized). Since I will only have 1 category for all my posts I don’t want it to be displayed.

    #1264818
    Rue Nel
    Moderator

    Hello There,

    Thanks for updating this thread! To remove the category from being displayed on the post page, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .p-meta>span:nth-child(3){
        display: none;
    }

    Hope this helps.

    #1265029
    lemag
    Participant

    That worked perfectly. I was wondering what would be the best approach for creating a blog without categories. Are there any settings I need to change or should I just create 1 main category and place all the posts in it (and never display it)? I am interested in not having duplicate content for the blog and category page.

    #1265070
    Rad
    Moderator

    Hi there,

    You can’t really remove the category, WordPress requires at least one category. You can just hide it, but there is no need for you to assign your post to a category. Just post it 🙂 , what do you mean by duplicate content?

    Thanks!

    #1265189
    lemag
    Participant

    I know that wordpress creates Archive pages that are very similar to the blog. In case I only use one category (in this case Unassigned) the blog will be pretty much the same as the archive page, creating duplicated content (from Google’s point of view) which is bad for SEO.

    #1265254
    Lely
    Moderator

    Hello There,

    This is how wordpress works by default. There should be at least one category. We can rename this category but we can’t delete this. This link might help: http://dominiquej.com/how-to-delete-uncategorized-wordpress/

  • <script> jQuery(function($){ $("#no-reply-1259328 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>