$("#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: