Checkbox & radio Documentation v 1.0

Created :
By: MODAL THEME

Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, please feel free to email via user page contact form here. Thank You so much and Please Rate this Template.

If like to add more feature, feel free to contact us. We will try to do it for you thanks.

Contact us

 

 

Template Features

List of Features

CHECKBOX List of features

List of CSS Files

Roles of css & files

 

HTML Structure

General HTML Structure

 

Thank You!

Thanks for purchasing our template

Installing Template

After you downloaded and unzip the template. You will find all the files here. Start with index.html file because it's home page. Once you done editing simply upload the files to your server that it.

Theme Features

Comeing zoom template come with lots of features. This section explains all the features avaliable in this template.

List of Features

  1. Different Styles
  2. Checkbox & radio Created using HTML5/CSS3 and Bootstrap
  3. Font Awesome Included
  4. Easy Cutomization

2.3. List of CSS

2.3.1. CSS Files.

CSS Files are Well Commented. You can easily find and edit the rules.

  1. main.css - style Css Flies inculde
  2. toggle-button.css - style Css Flies inculde
  3. toggle-button-cfade.css - style Css Flies inculde
  4. toggle-button-checkbox.css - style Css Flies inculde
  5. toggle-button-checkbox-onof.css - style Css Flies inculde
  6. toggle-button-icon-fade.css - style Css Flies inculde
  7. toggle-button-right-close.css - style Css Flies inculde
  8. toggle-button-selected.css - style Css Flies inculde

 

2.3-1. List of CSS update in new style sheets

2.3.2. CSS Files. update in new style sheets
  1. filp_chekbox.css - style Css Flies inculde
  2. normal_chebox.css - style Css Flies inculde
  3. normal_chebox_svg.css - style Css Flies inculde
  4. tooltip_chebox.css - style Css Flies inculde
  5. checkbox_normal.css - style Css Flies inculde
  6. checkbox_svg_slider_box.css - style Css Flies inculde
  7. Update.css - style Css Flies inculde

 

3. HTML Structure

This section describes HTML structures of all pages. This will to create your own page


==== Default style ==== 

     
      
 <div class="toggle-button  checkbox and radio button css style Css Flies name copy past here " >
       <input id="same-name using" type="radio,checkbox ">
       <label  for="same-name using">checkbox </label>
        <div class="toggle-button__icon"></div>
</div>

==== Button style & data value ==== 


      
 <div class="toggle-button  checkbox and radio button css style Css Flies name copy past here " >
       <input id="same-name using" type="radio,checkbox ">
       <label  for="same-name using"  data-on-text="On"   data-off-text="Off"  >checkbox </label>
        <div class="toggle-button__icon"></div>
</div>

Checkbox Style





-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-checkbox"> <input id="same-name" type="checkbox" checked="checked"> <label for="same-name"> Checkbox </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-icon-fade"> <input id="same-name" type="checkbox" checked="checked"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-cfade"> <input id="same-name" type="checkbox" checked="checked"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-right-close"> <input id="same-name" type="checkbox" checked="checked"> <label for="same-name" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-checkbox-onof"> <input id="same-name" type="checkbox" checked="checked"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-selected"> <input id="same-name" type="checkbox" > <label for="same-name" data-on-text="Selected" data-off-text="Select" </label> <div class="toggle-button__icon"></div> </div>

Radio Button





-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-checkbox"> <input id="same-name" type="radio"> <label for="same-name"> Checkbox </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-icon-fade"> <input id="same-name" type="radio"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-cfade"> <input id="same-name" type="radio"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-right-close"> <input id="same-name" type="radio"> <label for="same-name" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-checkbox-onof"> <input id="same-name" type="radio"> <label for="same-name" data-on-text="On" data-off-text="Off" </label> <div class="toggle-button__icon"></div> </div>


-------- Copy past HTML structures ----------

<div class="toggle-button toggle-button-selected"> <input id="same-name" type="radio"> <label for="same-name" data-on-text="Selected" data-off-text="Select" </label> <div class="toggle-button__icon"></div> </div>




New update style HTML Structure




<div class="normal_chebox "> <input type="checkbox" name="" value="" id="same_name1"> <label for="same_name1"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox chagle_text "> <input type="checkbox" name="" value="" id="same_name2"> <label for="same_name2"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox chagle_text line-through"> <input type="checkbox" name="" value="" id="same_name3"> <label for="same_name3"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox line-through"> <input type="checkbox" name="" value="" id="same_name4"> <label for="same_name4"> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>



<div class="group clearfix"> <div class="normal_chebox box_chebox "> <input type="checkbox" name="" value="" id="same_name11"> <label for="same_name11"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox chagle_text "> <input type="checkbox" name="" value="" id="same_name22"> <label for="same_name22"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox chagle_text line-through"> <input type="checkbox" name="" value="" id="same_name33"> <label for="same_name33"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox line-through"> <input type="checkbox" name="" value="" id="same_name44"> <label for="same_name44"> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


<div class="group clearfix"> <div class="normal_chebox box_chebox box_round "> <input type="checkbox" name="" value="" id="same_name111"> <label for="same_name111"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox box_round chagle_text "> <input type="checkbox" name="" value="" id="same_name222"> <label for="same_name222"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox box_round chagle_text line-through"> <input type="checkbox" name="" value="" id="same_name333"> <label for="same_name333"> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox box_chebox box_round line-through"> <input type="checkbox" name="" value="" id="same_name444"> <label for="same_name444"> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


<div class="group clearfix"> <div class="normal_chebox normal_chebox_svg"> <input type="checkbox" name="" value="" id="same_namesvg"> <label for="same_namesvg" class="same_namesvg"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg chagle_text "> <input type="checkbox" name="" value="" id="same_namesvg1"> <label for="same_namesvg1"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg chagle_text line-through"> <input type="checkbox" name="" value="" id="same_namesvg2"> <label for="same_namesvg2"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg line-through"> <input type="checkbox" name="" value="" id="same_namesvg3"> <label for="same_namesvg3"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


<div class="group clearfix"> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_2"> <input type="checkbox" name="" value="" id="same_namesvg11"> <label for="same_namesvg11" class="same_namesvg"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_2 chagle_text "> <input type="checkbox" name="" value="" id="same_namesvg12"> <label for="same_namesvg12"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_2 chagle_text line-through"> <input type="checkbox" name="" value="" id="same_namesvg22"> <label for="same_namesvg22"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_2 line-through"> <input type="checkbox" name="" value="" id="same_namesvg33"> <label for="same_namesvg33"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


<div class="group clearfix"> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_3"> <input type="checkbox" name="" value="" id="same_namesvg111"> <label for="same_namesvg111" class="same_namesvg"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_3 chagle_text "> <input type="checkbox" name="" value="" id="same_namesvg122"> <label for="same_namesvg122"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_3 chagle_text line-through"> <input type="checkbox" name="" value="" id="same_namesvg222"> <label for="same_namesvg222"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_3 line-through"> <input type="checkbox" name="" value="" id="same_namesvg333"> <label for="same_namesvg333"> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


<div class="group clearfix"> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_4"> <input type="checkbox" name="" value="" id="same_namesvg1111"> <label for="same_namesvg1111" class="same_namesvg"> <span class="close_normal_chebox_svg_4"></span> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_4 chagle_text "> <input type="checkbox" name="" value="" id="same_namesvg1222"> <label for="same_namesvg1222"> <span class="close_normal_chebox_svg_4"></span> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_4 chagle_text line-through"> <input type="checkbox" name="" value="" id="same_namesvg2222"> <label for="same_namesvg2222"> <span class="close_normal_chebox_svg_4"></span> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> <div class="normal_chebox normal_chebox_svg normal_chebox_svg_4 line-through"> <input type="checkbox" name="" value="" id="same_namesvg3333"> <label for="same_namesvg3333"> <span class="close_normal_chebox_svg_4"></span> <svg viewBox="0 0 44 44"> <path d="M14,24 L21,31 L39.7428882,11.5937758 C35.2809627,6.53125861 30.0333333,4 24,4 C12.95,4 4,12.95 4,24 C4,35.05 12.95,44 24,44 C35.05,44 44,35.05 44,24 C44,19.3 42.5809627,15.1645919 39.7428882,11.5937758" transform="translate(-2.000000, -2.000000)"></path> </svg> <span class="text_box" data-text="Checkbox"></span> </label> </div> </div>


tooltip




left tooltip
Top tooltip
bottom tooltip
right tooltip
<div class="group clearfix"> <div class="tooltip_chebox_button bg-no tooltip_left"> <input id="same_name_05" type="checkbox" value=""> <label for="same_name_05" class="">tooltip left</label> <span data-text="left" class="tip">left tooltip</span> </div> <div class="tooltip_chebox_button bg-no tooltip_top"> <input id="same_name_02" type="checkbox" value=""> <label for="same_name_02" class="">tooltip Top</label> <span data-text="top" class="tip">Top tooltip</span> </div> <div class="tooltip_chebox_button bg-no tooltip_bottom"> <input id="same_name_03" type="checkbox" value=""> <label for="same_name_03" class="">tooltip bottom</label> <span data-text="bottom" class="tip">bottom tooltip</span> </div> <div class="tooltip_chebox_button bg-no tooltip_right"> <input id="same_name_04" type="checkbox" value=""> <label for="same_name_04" class="">tooltip right</label> <span data-text="right" class="tip">right tooltip</span> </div> </div>


left tooltip
Top tooltip
bottom tooltip
right tooltip
<div class="group clearfix"> <div class="tooltip_chebox_button tooltip_left"> <input id="same_name_054" type="checkbox" value=""> <label for="same_name_054" class="">tooltip left</label> <span data-text="left" class="tip">left tooltip</span> </div> <div class="tooltip_chebox_button tooltip_top"> <input id="same_name_022" type="checkbox" value=""> <label for="same_name_022" class="">tooltip Top</label> <span data-text="top" class="tip">Top tooltip</span> </div> <div class="tooltip_chebox_button tooltip_bottom"> <input id="same_name_033" type="checkbox" value=""> <label for="same_name_033" class="">tooltip bottom</label> <span data-text="bottom" class="tip">bottom tooltip</span> </div> <div class="tooltip_chebox_button tooltip_right"> <input id="same_name_044" type="checkbox" value=""> <label for="same_name_044" class="">tooltip right</label> <span data-text="right" class="tip">right tooltip</span> </div> </div>


Svg slider chekbox




<div class="group"> <div class="row"> <div class="col-md-3"> <div class="checkbox_svg_slider"> <input type="checkbox" id="01"> <label for="01"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider"> <input type="checkbox" id="02" checked=""> <label for="02"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider"> <input type="checkbox" id="04" checked=""> <label for="04"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider"> <input type="checkbox" id="05" checked=""> <label for="05"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> </div> </div>
<div class="group"> <div class="row"> <div class="col-md-3"> <div class="checkbox_svg_slider checkbox_svg_slider_box"> <input type="checkbox" id="011"> <label for="011"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider checkbox_svg_slider_box"> <input type="checkbox" id="202" checked=""> <label for="202"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider checkbox_svg_slider_box"> <input type="checkbox" id="034" checked=""> <label for="034"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> <div class="col-md-3"> <div class="checkbox_svg_slider checkbox_svg_slider_box"> <input type="checkbox" id="053" checked=""> <label for="053"> <svg class="checkmark" width="56" height="56"> <path d="m25,36 l14,-16" style="stroke-dasharray: 27px;"></path> <path d="m25,36 l-8,-9" style="stroke-dasharray: 11px;"></path> </svg> <svg class="cross" width="56" height="56"> <path d="m28,28 l-8,-8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l-8,8" style="stroke-dasharray: 13px;"></path> <path d="m28,28 l8,-8" style="stroke-dasharray: 13px;"></path> </svg> </label> </div> </div> </div> </div>


Thank you


Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions about this theme. No guarantees, but I'll do my best to assist. If you have a more general question about the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.