$("#img_layout_style_style2").click(changeStyle3);

function changeStyle3(){
	var presetName = 'Style 3';
	var answer = confirm("Are you sure you want to load the " + presetName + " Preset?" + '\n' + "Only color, background, and logo settings will be replaced.")
	if (answer){
	$('input#body_typography_color').val('#59523f');
	$('div#body_typography_color_picker *').css('background-color', '#59523f');
	$('input#link_color').val('#647809');
	$('div#link_color_picker *').css('background-color', '#647809');
	$('input#link_hover_color').val('#86a10b');
	$('div#link_hover_color_picker *').css('background-color', '#86a10b');
	$('input#post_title_typography_color').val('#362505');
	$('div#post_title_typography_color *').css('background-color', '#362505');
	$('input#h1_typography_color').val('#362505');
	$('div#h1_typography_color *').css('background-color', '#362505');
	$('input#h2_typography_color').val('#362505');
	$('div#h2_typography_color *').css('background-color', '#362505');
	$('input#h3_typography_color').val('#36332b');
	$('div#h3_typography_color *').css('background-color', '#36332b');
	$('input#h4_typography_color').val('#242424');
	$('div#h4_typography_color *').css('background-color', '#242424');
	$('input#h5_typography_color').val('#283805');
	$('div#h5_typography_color *').css('background-color', '#283805');
	$('input#header_logo').val(siteURL +'/wp-content/themes/element/images/style2/logo.png');
	$('#header_logo_image img').attr("src", siteURL +'/wp-content/themes/element/images/style2/logo.png');
	$('input#body_background').val(siteURL +'/wp-content/themes/element/images/style2/body_bg.png');
	$('#body_background img').attr("src", siteURL +'/wp-content/themes/element/images/style2/body_bg.png');
	window.alert(presetName + " is loaded! Please review and save your settings.");
	}
}  // end Style3

Button Styles

Using the [button] shortcode in your content, you can deliver clean cross-browser CSS3 buttons in various colors and sizes. The button shortcode accepts 6 parameters:

Parameters

  • link: URL
  • size: small, medium, large
  • align: left, center, right
  • color: (specified below)
  • target: blank,self
  • caption: freeform text

Example:

With Captions:
You can also pass a “caption” parameter to the button shortcode to generate a nice little call to action.


Color and Size Examples: