Hide the Slider Controls


Note :This snippet works only with the Classical style option. The Classical style option can be enabled in Appearance > Customize > Advanced > Theme Style. More about the theme style option here


Last Reviewed: 27-Apr-15 (3.3.20) 3.1.* 3.2.* 3.3.*

Where to copy/paste this code?
The simplest way is to use the Custom CSS section of the customizer option screen. If you have many customizations to make in CSS and PHP, then we strongly recommend you create a child theme. Everything you need to know about creating a child theme with Customizr here.

3.2.*/3.3.* code

 

3.1.* code

 


Related Snippets you may also like


4 thoughts on “Hide the Slider Controls

  • Angelo Lazzari

    Hi,
    i just wanted to remove the slider commands on every slide but i put the:

    but it doesn’t work. I put in the custom css section of the theme and directly in the style.css editor. i’m using a Customizr child theme.

    Thanks!

    • Nicolas

      Hi Angelo,
      Since v3.2+, the new css code to hide those controls is :

      /* All Carousels */
      .tc-slider-controls {
      display: none;
      }

      Thanks for reporting this!

  • Marcus

    Thank you for this helpful advice. It saves a lot of time.

    There is a small typo. In the second rule, the descendant selector should have a space between the 2 class names. Otherwise, it does not work properly. This one works:

Comments are closed.