Ok thanks. I’ll be happy to do that. Enfold is a fantastic theme. I’m just going to finish working on my website first. Once it is done I’ll do the review. That way people can see the theme in action on my new site.

I have two questions that I would like to ask:

1. I have noticed on some pages of my site that the social icons in the footer don’t have a rollover effect – they don’t change color. On some pages they do and other they don’t. Is there a way to correct this?

2. I am creating some text inside of an icon box content element. I would like to be able to increase the size of the text inside the icon box but I do not see an option for that. I do have options to switch the text to a heading size but I prefer to just increase the font size. Is there a way to do that?
http://genebandtest.mysecretwifeproject.com/true-love/ (it is the lyrics that I want to increase in size)

Thanks,
Gene

Thank you, thank you, thank you!

Just that one “hint” gave me (I think) the answer.

I REALLY think I tried with Span before, but maybe used Div?

In any case, here’s what I did for anyone who needs this one line above the other capability for the wonderful av_button.

I wanted top title in button bigger and bottom title (sub-title) smaller.
The av_button_label has the dual span that makes this work — once you add the CSS at the bottom.

Here is the Debug code for the av_button:
[av_button label='<span class="first-button-title">YES</span><span class="second-button-title">Send me the eBook</span>' link='manually,http://' link_target='' size='x-large' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff' custom_class='']

Here is the CSS put in Code Block at bottom of page:

<style>
.first-button-title{font-size:2.5rem!important;display:table;margin:auto;color:red!important;padding-bottom:1rem!important;}
.second-button-title{font-size:2rem!important;color:yellow!important;}
</style>

Not sure if that’s the way I put HTML and CSS in this Enfold post, but it may help someone…just as you did me, Elliott.

Thanks!

Know the colors are atrocious, but wanted to see what worked.

If you have any suggestions about better way, please let me know!

Very good link, so I have come up with this code, but it seems to not be called.

I assume maybe I am using the wrong hook? Do you recommend one that can be used?

// Fix Enfold from using 1500px wide image and use the full-size image instead
add_action( 'after_setup_theme', 'ssi_woocommerce_full_width_category_images' );
function ssi_woocommerce_full_width_category_images()
{
	remove_action( 'ava_after_main_container', 'avia_woocommerce_parallax_banner', 11);
	add_action( 'ava_after_main_container', 'avia_woocommerce_parallax_banner_child_theme', 11);

	function avia_woocommerce_parallax_banner_child_theme($bg, $overlay, $opacity, $description, $font)
	{
	
		if(is_numeric($bg)) 
		{
			$bg = wp_get_attachment_image_src($bg, 'full');
			if(is_array($bg) && $bg[0] != "") $bg = $bg[0];
		}
	
		if($font) $font = "style='color:{$font};'";
		if($bg) $bg = "background-image: url(".$bg.");";
	
	
	
	
		$output = "";
					
		$output .='<div id="av_product_description" class="avia-section main_color avia-section-large avia-no-border-styling avia-full-stretch av-parallax-section av-section-color-overlay-active avia-bg-style-parallax container_wrap fullsize" data-section-bg-repeat="stretch" '.$font.'>';
		$output .='<div class="av-parallax  avia-full-stretch" data-avia-parallax-ratio="0.3">';
		$output .='<div class="av-parallax-inner" style="'.$bg.' main_color background-attachment: scroll; background-position: 50% 50%; background-repeat: no-repeat;">';
		$output .='</div>';
		$output .='</div>';
	
	
		$output .='<div class="av-section-color-overlay-wrap">';
		if(!empty($overlay))
		{
			$output .='<div class="av-section-color-overlay" style="opacity: '.$opacity.'; background-color: '.$overlay.'; "></div>';
		}
	
		$output .='<div class="container">';
		$output .='<main class="template-page content av-content-full alpha units">';
		if($description) $output .= "<h1>".$description."</h1>";
		$output .='</main></div></div></div>';
	
		return $output;
	}
}