Changes header and button styles with CSS snippets

  • Resolved testingperson

    (@testingperson)


    6 years, 1 month ago

    Hallo
    I would like to make adjustments with CSS, and request snippets for two things.

    a) I would like to reduce the space above and below the header (“Leave a reply”).

    b) I would like to style the buttons (“Comment”, “Reply” etc.) with the Sans Serif font PT MONO.

    I would be grateful for your help with this.

    Many thanks

Viewing 1 replies (of 1 total)
  • Plugin Support gVectors Support

    (@gvectorssupport)

    Hi @testingperson,

    The following CSS codes should help you. Add it in Dashboard > Comments > Settings > Styling > “Custom CSS Code” textarea.

    I would like to reduce the space above and below the header (“Leave a reply”).

    h3#wc-comment-header {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}

    I would like to style the buttons (“Comment”, “Reply” etc.) with the Sans Serif font PT MONO.

    #wpcomm input.wc_comm_submit.wc_not_clicked.button.alt, #wpcomm .wc-comment-footer span.wc-reply-button.wc-cta-button {
    font-family: Sans Serif font PT MONOSPACE;
}
Viewing 1 replies (of 1 total)
  • The topic ‘Changes header and button styles with CSS snippets’ is closed to new replies.