KNOWNHOST WIKI

User Tools

Site Tools


resources:wordpress-comments-jetpack-carousel

How to Stop WordPress Comments from Appearing on Jetpack Carousel?

Jetpack is powerful. It has loads of features, many of which you either don’t want, won’t need or will want to modify to fit your objectives perfectly.

One such feature is the Carousel, which is a lovely way of handling multiple images. However, it may be the case that you want Carousel without comments appearing.

There are two primary methods of disabling Carousel comments:

  1. Editing the plugin behavior by editing the code behind the scenes
  2. Editing the CSS surrounding Carousel behavior

There are some drawbacks with option 1, namely updates to the plugin may nuke the changes you’ve made, rendering the behavior to either no longer be present, or no longer behave as intended.

Following the Customizer guide on adding CSS to perform other functions, go to:

  Appearance -> Customize

Then scroll down to Additional CSS.

To stop comments on Jetpack carousel, insert this code in the box:

  /* Jetpack: Carousel
  ****************************************** /
  /* Hide Comment Form & Link */
  #jp-carousel-comment-form-container, /* Form */
  div.jp-carousel-buttons a.jp-carousel-commentlink, /* Link */
  #jp-carousel-comments-loading /* Loading Comments text */ {
    display: none !important;
  }
  /* Remove Padding from Link Area */
  .jp-carousel-buttons {
    padding: 0 !important;
  }

The above code is thanks to WPSmackdown:

1)Disable Comments Jetpack Carousel

Note: If this fails to work, it could be that your theme has different CSS classes for that section. You may need to inspect element on that section of the page to find the class, then substitute it for the carousel div or a portion above.

resources/wordpress-comments-jetpack-carousel.txt · Last modified: 2020/06/01 08:12 by Karson N.