My client has decided to change the 4 icons in the featured services section below the slider to 4 images. I’ve looked around and haven’t seen anything that jumps out at me that addresses this… it might be sleep deprivation on my behalf.

Can you please provide the forum link if I’ve overlooked this fix or offer some direction.

There’s no way to replace that icon section with a static image out of the box. You could achieve this by either forking the shortcode and having the new one take in an image path param instead of icon name, then in the generated HTML output that image rather than the animated icon. Another way would be mod the current shortcode to take in an extra image_path attribute that you would check at output and if it exists you can replace the output of the animated icon with the image passed in.

Ok… I may (hopeful thinking) have worked through part of your first suggestion up to editing the generated HTML output. Below is your original shortcode (after my ititial icon edits) from the 1st icon column and then my attempt to edit in the image.

Original edits – out of the box (using clients approved icons):
[column width="four" position="first"][feat_text title="PENSIONS" icon="euro" type="2" href="#"]Eiusmod tempor incididunt ut labore et dolore magna aliqua abore et dolore magn.[/feat_text][/column]

My 2nd edit (using a sized circular image):
[column width="four" position="first"][feat_text title="PENSIONS" image_url="http://grosvenor.growthsmart.com/wp-content/uploads/2013/12/pension_v2.png" type="2" href="#"]Eiusmod tempor incididunt ut labore et dolore magna aliqua abore et dolore magn.[/feat_text][/column]

I tried [image = ""] and [image_url=""], both deleted the icon but left the custom colored circle.

My question is, am I on the right track in regards to your first suggestion? If so, all I need to do next is find this in the generated HTML output after I figure out where that is. Seems everything including what’s in the appearance/editor is php. I will spend my time figuring that out while I wait for your much appreciated feedback!

cheers Sir!

Yes, you are on the right track, this would be only part of the job though, next you need to setup the actual output, let’s see here. Let’s say we create a new shortcode (to keep things clean) that would take in Image URLs.

We will add the new method to this file – includes/shortcodes.php that is similar to the shortcode_feat_text but we will name it shortcode_feat_text_img and will change the params and output a bit so that it takes in the url of the image.

// Featured Text
add_shortcode('feat_text_img', 'shortcode_feat_text_img');
function shortcode_feat_text_img( $atts, $content = null ) {
	
	$atts = shortcode_atts(
		array(
			'title' => '',
			'url'	=> '',
			'href'	=> '',
			'type'	=> '',
		), $atts);
	
	$link = '';
	$add_link = false;
	if(isset($atts['href']) && $atts['href']){
		$link = '<a href="'.$atts['href'].'">';
		$add_link = true;
	}
	
	if(isset($atts['type']) && $atts['type']){
		$type = (int)$atts['type'];
		if(!$type){
			$type=1;
		}
	}
		
	$content = '<div class="section_featured_texts type'.$type.' animationStart">'.($add_link ? $link : '').'<div class="image_holder"><img src="'.$atts['url'].'"></div>'.($add_link ? '</a>' : '').'<h3>'.($add_link ? $link : '').$atts['title'].($add_link ? '</a>' : '').'</h3><p>'.do_shortcode_boc($content).'</p></div>';
	return $content;
}

You can then pass the shortcode in your editor like so:

[feat_text_img title="Featured Title" url="YOUR_IMG_URL_HERE" href="" type="1"]Featured Text[/feat_text_img]

and it should work!