[juroo]

Hi, is there any parameter for adding a css class to section shortcode element? I see there is such an option for ex. button element.
Or is there a fix solution, ex. adding a div with align style option inside the section?
Thanks.

Reply

[Fem]

Replace the below code with “custom_css” parameter in hostmev2/framework/shortcode/general in place of section shortcode.

// Section
//--------------------------------------------------------]
if( !function_exists('sys_section')){
	function sys_section($atts, $content = null, $code) {
		extract(shortcode_atts(array(
			'bgcolor'	=> '',
			'image'	        => '',
			'textcolor'	=> '',
			'padding'	=> '',
			'custom_class'  => '',
		), $atts));
			
		$textcolor = $textcolor ? 'color:'.$textcolor.';':'';
		$padding = $padding ? 'padding:'.$padding.';' : '' ;
	
		if( !empty($textcolor) || !empty($padding)){
			$section_extras = ' style="'.$padding.$textcolor.'"';
		}else{
			$section_extras = '';
		}
		$custom_cssclass = $custom_class;
	
		$bgcolor = $bgcolor ? 'background-color:'.$bgcolor.';':'';
		$image = $image ? 'background-image:url('.$image.');':'';
		if( !empty($bgcolor) || !empty($image)){
			$inner_extras = ' style="'.$bgcolor.$image.'"';
		}else{
			$inner_extras = '';
		}
		$out = '<div class="section_row clearfix ' . $custom_cssclass . '" '.$section_extras.'>';
		if ( $inner_extras != '' ) {
			$out .= '<div class="section_bg" '.$inner_extras.'></div>';
		}
		if ( $image ) {
			$out .= '<div class="section_overlay"></div>';
		}
		$out .= '<div class="section_inner">'.do_shortcode($content).'</div></div>';
	
		return $out;
	}
	add_shortcode('section', 'sys_section');
}

Reply

[juroo]

Great, works perfect! Thank you 🙂
Now I know how to add some more parameters if I would need.

In case of future theme updates, will this be included in your code?

• This reply was modified 10 years ago by juroo.

Reply

[Fem]

Yes, it will be included.

We are setting this topic to be resolved. If you wish to update this topic please reply here instead of creating another topic.

Reply