Navigation
This is archived content. Visit our new forum.
  • Author
    Posts
  • #819503

    Blupace
    Participant

    Hi

    http://blupace.com
    Wordpress: 4.4.2
    X Version: 4.3.4
    Cornerstone: 1.1.3

    I have noticed that the titles for each section of the submit comments section is to large.

    Also the part that says “Leave a reply” is too small.

    Under that, the bit that says “You email address will not be published. Required Field Are Marked*” This is also too large.

    Kind regards,

    Pace

    #819707

    Christopher
    Moderator

    Hi there,

    Please add the following code in Customize -> Custom -> CSS :

    .comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label, .widget_calendar #wp-calendar th, .p-landmark-sub strong, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:active, .entry-footer a:hover, .entry-footer a:active, .x-breadcrumbs .current, .x-comment-author, .x-comment-author a {
        font-size: 15px;
    }
    #reply-title {
        font-size: 19px !important;
    }
    .comment-notes {
        font-size: 93.2%;
    }

    Hope that helps.

    #819830

    Blupace
    Participant

    This worked perfectly, thank you.. Just a couple of other questions I had on the same area.

    I presume to change the color of the admin comments I need to move

    .x-comment-author a {

    to a new section, but how do I set the color?

    Also is it possible to have the reply section above the comments, instead of below them?

    Finally the circular icon with the actual number of comments in it, can the color be changed?

    Thank you so much,

    Kind regards,

    Pace

    #819966

    Zeshan
    Member

    Hi Pace,

    Thanks for writing back! Can you send us the link of post where you have comments so we can take a closer look and provide you with a tailored response?

    Thank you!

    #825649

    Blupace
    Participant
    #825704

    Christopher
    Moderator

    Hi there,

    Please add the following code in Customize -> Custom -> CSS :

    span.bypostauthor {
        color: red !important;
    }
    .comment-author-infoblupace-com article {
        background-color: #efefef;
        color: #fff;
    }
    .h-comments-title small {
        background-color: red;
    color:#000;
    }
    

    Please add the following code in Customize -> Custom -> JavaScript :

    jQuery(".comment-respond").insertBefore(".x-comments-list");

    Hope that helps.

    #829509

    Blupace
    Participant

    Hi, after setting this it seems like my comments are no longer in the right order. It used to be a comment then my reply , now my reply is no longer next to the parent comment.

    Kind regards,

    Pace

    #829919

    Christopher
    Moderator

    Thanks for writing in! Regretfully, at this time I am not entirely certain what it is you would like to accomplish based on the information given in your post. If you wouldn’t mind providing us with a little more clarification on what it is you’re wanting to do (a link to a similar example site would be very helpful, or perhaps some screenshots), we’ll be happy to provide you with a response once we have a better understanding of the situation.

    #875950

    Blupace
    Participant

    Hi, just one more question on this topic… The actual bit where it says the number of comments, well the word comments is very small, can this be increased.

    Regards,

    Pace

    #876315

    Christian
    Moderator

    Please add the code below in your Appearance > Customize > Custom > CSS.

    .h-comments-title {
        font-size: 40px !important;
    }

    Hope that helps. 🙂

    #887425

    Blupace
    Participant

    This is perfect, thank you.
    Can I also know the code to increase the weight and colour, of the comment post date and time.

    Thank you so much..

    Pace

    #887721

    Rue Nel
    Moderator

    Hello Pace,

    To increase the weight and change colour of the comment post date and time, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

    .x-comment-time {
        color: #000;
        font-weight: 500;
    }

    Please let us know how it goes.