How To Align The Checkbox And Label In Same Line - WordPress Tips

Recently we moved away from Disqus comment system and started using default WordPress comment system.

For adding email subscription form for all new comments, I was facing some issue. Checkbox and Text was appearing on different line.

Before:

WordPress Comment Form - Subscribe to email notification Check box on Different Line than text

After:

WordPress Comment Form - Subscribe to email notification Check box on same Line as text

Here is a quick fix on how to fix this.

Step-1. Open you theme’s style.css file

Put below CSS code for your HTML Handle.

.cnns-comment-subscription label {
    display: inline;
    padding-left: 10px;
}

Please make sure you have accurate HTML handles. Here is a sample which we have at Crunchify.

Step-2. Clear your site’s Cache

You should be all good after clearing your site’s cache.

Let me know if you face any issue with above code.

How to Provide Email Subscription Option?

How to Provide Email Subscription Option on WordPress Comment Form?

The post How to align the Checkbox and Label in same line? CSS Fix appeared first on Crunchify.

More Related Articles For You...

  1. Some of my Favorite JavaScript Tips and Tricks Tutorials
  2. How to Style and Customize WordPress Comment Form? Plus, Modify appearance of Comments with CSS
  3. How to Provide Email Subscription Option on WordPress Comment Form?