Camera Slider: Additional Customizations

In case you use some of the themes which includes Camera slider jQuery plugin (currently included in tArt, tBozz, tClub, tCorpo, tCreat, tDental, tGymm, tHairSalon, tHomeServices, tKidd, tLanguageSchool, tLibrary, tMeditate, tMuzz, tPsychology, tSpirituality, tTourism), you may want to apply some additional change such as removing pause button or changing size of slider dots, here is how it can be done:

Hide Play/Pause Button

In case you want to hide play/pause slider button:

1. Login to your Admin Panel
2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ section
3. Then insert the following code:

   .camera_commands {
   display: none;
   }

4. Save changes

Hide Prev/Next Buttons

In case you want to hide prev/next slider buttons:

1. Login to your Admin Panel
2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ section
3. Then insert the following code:

   .camera_prev, .camera_next {
   display: none;
   }

4. Save changes

Change Slider Dots Button Sizes and Shapes

In case you want to hide prev/next slider buttons:

1. Login to your Admin Panel
2. Navigate to Left Menu -> Appearance -> Customize -> ‘Additional CSS’ section
3. Then insert the following code and update values marked in bold with preferred values:

   .camera_wrap .camera_pag .camera_pag_ul li {
   border-radius: 5px;
   height: 20px;
   width: 20px;
   }

   .camera_wrap .camera_pag .camera_pag_ul li > span {
   border-radius: 5px;
   height: 16px;
   left: 4px;
   top: 4px;
   width: 16px;
   }

4. Save changes