Pricing box

[envirogroup]

Hi

Can you tell me how i change the feature box on pricing from green to red please? Can you also tell me how i make the two boxes the same size? Even when i make them both featured they are different sizes?

http://test.freefalcnon.co.uk.envirogroupfranchising.com/pricing/

Kind Regards
Conor

[christian]

Hey Conor,

For the color, please add this code to your custom CSS

.x-pricing-column.featured h2 {
    background-color: red !important;
}

For equal height or same size boxes, please add this code in Theme Options > JS or your page’s Content JS if you only want to apply to your current page.

jQuery(document).ready(function($) {
	var max = 0;
	$(".x-pricing-column").each(function(index, el) {
		if( $(this).height() > max ){
			max = $(this).height();
		}
	});
	$(".x-pricing-column").css('height', max);
});

You might need to remove the Featured column’s top margin to clearly see the equal height. The CSS for that is this.

.x-pricing-column.featured {
    margin-top: 0;
}

Hope that helps.