# visual-slider/trunk/inc/element-css.php

Visual Slider, version trunk. 162 lines.

- Page: https://pluginprobe.com/plugins/visual-slider/trunk/code/inc/element-css.php
- Raw: https://pluginprobe.com/plugins/visual-slider/trunk/raw/inc/element-css.php
- Modified: 2026-06-08T20:30:36+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/visual-slider/trunk/code/inc/element-css.php#L10-L20`.

```php
<?php
 if ( ! defined( 'ABSPATH' ) ) {
	exit; // Exit if accessed directly.
}
/*****************************************************************************************************************************************************
******************************************************************************************************************************************************
 
																Element Item Sao Slider
 
*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	  
 if ( !function_exists ( "vs_slider_global_css" )){
function vs_global_css( $option,$item = false) {
	$css='';
 

 
	
	$css.= vs_slider_var('glo-bg-cr',$option,'background_color');	 
	$css.= vs_slider_var_border('glo',$option,'border');	 
	$css.= vs_slider_var_shadow('glo',$option,'shadow');	 
	$css.= vs_slider_var_radius('glo',$option,'radius');	 
 
 
	$css.= vs_slider_var_margin('glo-mg',$option,'margin');
	$css.= vs_slider_var_margin('glo-tab',$option,'tablet_margin');
	$css.= vs_slider_var_margin('glo-mob',$option,'phone_margin');
 	
	$css.= vs_slider_var_padding('glo-pd',$option,'padding');
 	$css.= vs_slider_var_padding('glo-tab-pd',$option,'tablet_padding');
	$css.= vs_slider_var_padding('glo-mob-pd',$option,'phone_padding');
 		
	if(empty($setting['disable_typography'])){
	wp_enqueue_style( 'vs_fontfamily',VISUALSLIDER_DIR .'assets/css/fontfamily.css',array(),'1'); 
	}			
	 
 	return $css;
	
}
}

 if ( !function_exists ( "vs_slider_element_padding" )){
function vs_slider_element_padding( $option,$item = false) {
	$css='';
	 
	  
	$css.= vs_slider_var_padding('el-pd',$option,'padding');
 		
 			$css.= vs_slider_var_padding('el-tab-pd',$option,'tablet_padding');
			$css.= vs_slider_var_padding('el-mob-pd',$option,'mobile_padding');
 				
	 
 	return $css;
	
}
}
 if ( !function_exists ( "vs_layer_effect" )){
function vs_layer_effect( $option =false) {
			
 			
			
 			$effect = !empty($option['effect'] )? $option['effect']:'';
		 
			$start = !empty($option['time_start'] )? $option['time_start']:'0';
			$end = !empty($option['time_end'] )? $option['time_end']:'500';
 			$css ='';
 
 			if(!empty($effect)){
				if($effect=='scale'){
					$scale = !empty($option['scale'] )? $option['scale']:'0.01';
					$css.="--vs-lr-ef-sc:".$scale.";";
				}
				$css.="--vs-lr-ef-st:".$start."ms;";
				$css.="--vs-lr-ef-en:".($end - $start)."ms;";
			}
 			return $css;
 			 
}
}
 if ( !function_exists ( "vs_layer_position" )){
function vs_layer_position($value=false){
	$css='';
	if(isset($value['position']['horizontal'])){
		$css.='--vs-lr-hor:'.$value['position']['horizontal'].'px;';
	}
	if(isset($value['position']['vertical'])){
		$css.='--vs-lr-ver:'.$value['position']['vertical'].'px;';
	}	
	if(isset($value['size']['width'])){
		$css.='--vs-lr-wt:'.$value['size']['width'].'px;';
	}	
	if(isset($value['size']['height'])){
		$css.='--vs-lr-ht:'.$value['size']['height'].'px;';
	}	
 	
	if(isset($value['tablet_position']['horizontal'])){
		$css.='--vs-lr-tab-hor:'.$value['tablet_position']['horizontal'].'px;';
	}
	if(isset($value['tablet_position']['vertical'])){
		$css.='--vs-lr-tab-ver:'.$value['tablet_position']['vertical'].'px;';
	}	
	if(isset($value['tablet_size']['width'])){
		$css.='--vs-lr-tab-wt:'.$value['tablet_size']['width'].'px;';
	}	
	if(isset($value['tablet_size']['height'])){
		$css.='--vs-lr-tab-ht:'.$value['tablet_size']['height'].'px;';
	}
	
	
	if(isset($value['mobile_position']['horizontal'])){
		$css.='--vs-lr-mob-hor:'.$value['mobile_position']['horizontal'].'px;';
	}
	if(isset($value['mobile_position']['vertical'])){
		$css.='--vs-lr-mob-ver:'.$value['mobile_position']['vertical'].'px;';
	}	
	if(isset($value['mobile_size']['width'])){
		$css.='--vs-lr-mob-wt:'.$value['mobile_size']['width'].'px;';
	}	
	if(isset($value['mobile_size']['height'])){
		$css.='--vs-lr-mob-ht:'.$value['mobile_size']['height'].'px;';
	}	
	return $css;	
 
}
 }
 /*****************************************************************************************************************************************************
******************************************************************************************************************************************************
 
																Arrow Layout
 
*/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////	  
 if ( !function_exists ( "vs_arrows_css" )){

function vs_arrows_css( $value ) {
 $css='';
 	if(!empty($value['arrows'])){
	
		$css.=vs_slider_var_unit('aw-sz',$value,'arrows_size','px');
		$css.=vs_slider_var_unit('tab-aw-sz',$value,'tablet_arrows_size','px');
		$css.=vs_slider_var_unit('mob-aw-sz',$value,'mobile_arrows_size','px');
		$css.=vs_slider_var_unit('aw-rd',$value,'arrows_radius','px');
		$css.=vs_slider_var_2('aw-cr',$value,'arrows_color','text');
		$css.=vs_slider_var_2('aw-bg',$value,'arrows_color','background');
		$css.=vs_slider_var_2('aw-hv-cr',$value,'arrows_hover_color','text');
		$css.=vs_slider_var_2('aw-hv-bg',$value,'arrows_hover_color','background');
	}
 	return $css;
   
}
 }
 if ( !function_exists ( "vs_pager_css" )){
 function vs_pager_css( $value ) {
 $css='';
 	if(!empty($value['pager'])){
	
  		$css.=vs_slider_var_2('pg-cr',$value,'pager_color','color');
		$css.=vs_slider_var_2('pg-atv-cr',$value,'pager_color','active'); 
	}
 	return $css;
   
}
 }
  
```