Special Offer: Buy All 48 Premium WordPress Themes for Just $74.99. Learn more

Camera Slider: Additional Customizations

Camera Slider

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

 

 

 

About the Author

Tihomir Ivanov is a WordPress and Salesforce Commerce Cloud (SFCC) developer, founder of tishonator.com, a fan of Linux and Open Source, Minimalism (in Design and Life), Sci-fi, Fantasy, Classic and History books :)

Leave a Reply