Warning: Cannot modify header information - headers already sent by (output started at /home/jerwon11/divtagtutorials.com/wp-content/plugins/captcha/captcha.php:1) in /home/jerwon11/divtagtutorials.com/wp-content/plugins/wp-super-cache/wp-cache-phase2.php on line 60
Swiper Horizontal Update – 11 Oct 2015

Swiper Horizontal Update – 11 Oct 2015

With the new Carbon update, the Swiper may display akwardly. Here is a update to help you fix the problem:

Getting Started

We will be updating the HTML codes and CSS codes for Swiper Horizontal.
Before we start, please download the new HTML and CSS code doc:

  1. CSS
  2. HTML

**Make sure you using NOTEPAD for PC or TEXTEDIT for MAC to open the docs.

step1: Login to your Weebly account

step2: Click into “design” then into “edit html/css”

Update HTML Codes

step1: Unzip the HTML doc you downloaded in getting started. **Make sure you using NOTEPAD for PC or TEXTEDIT for MAC to open the docs.

step2: Select and copy all codes inside the doc.

step3: On the left hand column locate and click into “index.html”

step4: Here look for the existing plugin HTML codes. The Beginning of the code is marked by

and the end of the code is marked by

Here select all the codes between the beginning and ending code marker.

step5: REPLACE the selected codes with the codes you copied in Step 1 & 2

Update CSS Codes

step1: Unzip the CSS doc you downloaded in getting started. **Make sure you using NOTEPAD for PC or TEXTEDIT for MAC to open the docs.

step2: Select and copy all codes inside the doc.

step3: On the left hand column locate and click into “main_style.css”

step4: Here look for the existing plugin CSS codes. The Beginning of the code is marked by

/* ----------------------------------------------------------
SWIPER CSS CODES
----------------------------------------------------------- */

and the end of the code is marked by

/* --------------
END of SWIPER CSS
--------------- */

Here select all the codes between the beginning and ending code marker.

step5: REPLACE the selected codes with the codes you copied in Step 1 & 2

step6: Save your change and re-publish your site. You will NEED to delete and re-upload all of your swiper images in order for the change to apply.

Tags: