12% off of LTD using this coupon: TWELVEPERCENTOFF. Promo ends on 2 Dec midnight UTC.
Published on Aug 1, 2018

How to customize the Comment Form in Oxygen

Sridhar Katakam

The comment forms in Oxygen do not display the field labels out of the box.

Below screencast shows how we can show the labels or placeholders for the comment form input fields:

To show the labels

This is the needed CSS:

.oxy-comment-form label {
    display: block;
}

.comment-form-cookies-consent {
    display: flex;
}

#wp-comment-cookies-consent {
    width: auto;
    margin-right: 10px;
}

.oxy-comment-form .comment-form-cookies-consent label {
    line-height: 1.1;
    font-weight: normal;
}

To show placeholders

Add the code from Bill Erickson’s article without the opening PHP tag in a Code Snippet that is set to show on frontend only.

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-downarrow-right