3681 lines
98 KiB
JavaScript
Executable File
3681 lines
98 KiB
JavaScript
Executable File
/**
|
|
* Update Customizer settings live.
|
|
*
|
|
* @since 1.0.0
|
|
*/
|
|
(function ($) {
|
|
"use strict";
|
|
|
|
// Declare variables
|
|
var api = wp.customize,
|
|
$body = $("body"),
|
|
$head = $("head"),
|
|
$style_tag,
|
|
$link_tag,
|
|
bloglo_visibility_classes =
|
|
"bloglo-hide-mobile bloglo-hide-tablet bloglo-hide-mobile-tablet",
|
|
bloglo_style_tag_collection = [],
|
|
bloglo_link_tag_collection = [];
|
|
|
|
/**
|
|
* Helper function to get style tag with id.
|
|
*/
|
|
function bloglo_get_style_tag(id) {
|
|
if (bloglo_style_tag_collection[id]) {
|
|
return bloglo_style_tag_collection[id];
|
|
}
|
|
|
|
$style_tag = $("head").find("#bloglo-dynamic-" + id);
|
|
|
|
if (!$style_tag.length) {
|
|
$("head").append(
|
|
'<style id="bloglo-dynamic-' +
|
|
id +
|
|
'" type="text/css" href="#"></style>'
|
|
);
|
|
$style_tag = $("head").find("#bloglo-dynamic-" + id);
|
|
}
|
|
|
|
bloglo_style_tag_collection[id] = $style_tag;
|
|
|
|
return $style_tag;
|
|
}
|
|
|
|
/**
|
|
* Helper function to get link tag with id.
|
|
*/
|
|
function bloglo_get_link_tag(id, url) {
|
|
if (bloglo_link_tag_collection[id]) {
|
|
return bloglo_link_tag_collection[id];
|
|
}
|
|
|
|
$link_tag = $("head").find("#bloglo-dynamic-link-" + id);
|
|
|
|
if (!$link_tag.length) {
|
|
$("head").append(
|
|
'<link id="bloglo-dynamic-' +
|
|
id +
|
|
'" type="text/css" rel="stylesheet" href="' +
|
|
url +
|
|
'"/>'
|
|
);
|
|
$link_tag = $("head").find("#bloglo-dynamic-link-" + id);
|
|
} else {
|
|
$link_tag.attr("href", url);
|
|
}
|
|
|
|
bloglo_link_tag_collection[id] = $link_tag;
|
|
|
|
return $link_tag;
|
|
}
|
|
|
|
/*
|
|
* Helper function to print visibility classes.
|
|
*/
|
|
function bloglo_print_visibility_classes($element, newval) {
|
|
if (!$element.length) {
|
|
return;
|
|
}
|
|
|
|
$element.removeClass(bloglo_visibility_classes);
|
|
|
|
if ("all" !== newval) {
|
|
$element.addClass("bloglo-" + newval);
|
|
}
|
|
}
|
|
|
|
/*
|
|
* Helper function to convert hex to rgba.
|
|
*/
|
|
function bloglo_hex2rgba(hex, opacity) {
|
|
if ("rgba" === hex.substring(0, 4)) {
|
|
return hex;
|
|
}
|
|
|
|
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF").
|
|
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
|
|
|
|
hex = hex.replace(shorthandRegex, function (m, r, g, b) {
|
|
return r + r + g + g + b + b;
|
|
});
|
|
|
|
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
|
|
if (opacity) {
|
|
if (1 < opacity) {
|
|
opacity = 1;
|
|
}
|
|
|
|
opacity = "," + opacity;
|
|
}
|
|
|
|
if (result) {
|
|
return (
|
|
"rgba(" +
|
|
parseInt(result[1], 16) +
|
|
"," +
|
|
parseInt(result[2], 16) +
|
|
"," +
|
|
parseInt(result[3], 16) +
|
|
opacity +
|
|
")"
|
|
);
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Helper function to lighten or darken the provided hex color.
|
|
*/
|
|
function bloglo_luminance(hex, percent) {
|
|
// Convert RGB color to HEX.
|
|
if (hex.includes("rgb")) {
|
|
hex = bloglo_rgba2hex(hex);
|
|
}
|
|
|
|
// Expand shorthand form (e.g. "03F") to full form (e.g. "0033FF").
|
|
var shorthandRegex = /^#?([a-f\d])([a-f\d])([a-f\d])$/i;
|
|
|
|
hex = hex.replace(shorthandRegex, function (m, r, g, b) {
|
|
return r + r + g + g + b + b;
|
|
});
|
|
|
|
var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
|
|
|
|
var isColor = /^#[0-9A-F]{6}$/i.test(hex);
|
|
|
|
if (!isColor) {
|
|
return hex;
|
|
}
|
|
|
|
var from, to;
|
|
|
|
for (var i = 1; 3 >= i; i++) {
|
|
result[i] = parseInt(result[i], 16);
|
|
from = 0 > percent ? 0 : result[i];
|
|
to = 0 > percent ? result[i] : 255;
|
|
result[i] = result[i] + Math.ceil((to - from) * percent);
|
|
}
|
|
|
|
result =
|
|
"#" +
|
|
bloglo_dec2hex(result[1]) +
|
|
bloglo_dec2hex(result[2]) +
|
|
bloglo_dec2hex(result[3]);
|
|
|
|
return result;
|
|
}
|
|
|
|
/**
|
|
* Convert dec to hex.
|
|
*/
|
|
function bloglo_dec2hex(c) {
|
|
var hex = c.toString(16);
|
|
return 1 == hex.length ? "0" + hex : hex;
|
|
}
|
|
|
|
/**
|
|
* Convert rgb to hex.
|
|
*/
|
|
function bloglo_rgba2hex(c) {
|
|
var a, x;
|
|
|
|
a = c.split("(")[1].split(")")[0].trim();
|
|
a = a.split(",");
|
|
|
|
var result = "";
|
|
|
|
for (var i = 0; 3 > i; i++) {
|
|
x = parseInt(a[i]).toString(16);
|
|
result += 1 === x.length ? "0" + x : x;
|
|
}
|
|
|
|
if (result) {
|
|
return "#" + result;
|
|
}
|
|
|
|
return false;
|
|
}
|
|
|
|
/**
|
|
* Check if is light color.
|
|
*/
|
|
function bloglo_is_light_color(color = "") {
|
|
var r, g, b, brightness;
|
|
|
|
if (color.match(/^rgb/)) {
|
|
color = color.match(
|
|
/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/
|
|
);
|
|
r = color[1];
|
|
g = color[2];
|
|
b = color[3];
|
|
} else {
|
|
color = +(
|
|
"0x" + color.slice(1).replace(5 > color.length && /./g, "$&$&")
|
|
);
|
|
r = color >> 16;
|
|
g = (color >> 8) & 255;
|
|
b = color & 255;
|
|
}
|
|
|
|
brightness = (r * 299 + g * 587 + b * 114) / 1000;
|
|
|
|
return 137 < brightness;
|
|
}
|
|
|
|
/**
|
|
* Detect if we should use a light or dark color on a background color.
|
|
*/
|
|
function bloglo_light_or_dark(color, dark = "#000000", light = "#FFFFFF") {
|
|
return bloglo_is_light_color(color) ? dark : light;
|
|
}
|
|
|
|
/**
|
|
* Spacing field CSS.
|
|
*/
|
|
function bloglo_spacing_field_css(selector, property, setting, responsive) {
|
|
if (!Array.isArray(setting) && "object" !== typeof setting) {
|
|
return;
|
|
}
|
|
|
|
// Set up unit.
|
|
var unit = "px",
|
|
css = "";
|
|
|
|
if ("unit" in setting) {
|
|
unit = setting.unit;
|
|
}
|
|
|
|
var before = "",
|
|
after = "";
|
|
|
|
Object.keys(setting).forEach(function (index, el) {
|
|
if ("unit" === index) {
|
|
return;
|
|
}
|
|
|
|
if (responsive) {
|
|
if ("tablet" === index) {
|
|
before = "@media only screen and (max-width: 768px) {";
|
|
after = "}";
|
|
} else if ("mobile" === index) {
|
|
before = "@media only screen and (max-width: 480px) {";
|
|
after = "}";
|
|
} else {
|
|
before = "";
|
|
after = "";
|
|
}
|
|
|
|
css += before + selector + "{";
|
|
|
|
Object.keys(setting[index]).forEach(function (position) {
|
|
if ("border" === property) {
|
|
position += "-width";
|
|
}
|
|
|
|
if (setting[index][position]) {
|
|
css +=
|
|
property +
|
|
"-" +
|
|
position +
|
|
": " +
|
|
setting[index][position] +
|
|
unit +
|
|
";";
|
|
}
|
|
});
|
|
|
|
css += "}" + after;
|
|
} else {
|
|
if ("border" === property) {
|
|
index += "-width";
|
|
}
|
|
|
|
css += property + "-" + index + ": " + setting[index] + unit + ";";
|
|
}
|
|
});
|
|
|
|
if (!responsive) {
|
|
css = selector + "{" + css + "}";
|
|
}
|
|
|
|
return css;
|
|
}
|
|
|
|
/**
|
|
* Range field CSS.
|
|
*/
|
|
function bloglo_range_field_css(
|
|
selector,
|
|
property,
|
|
setting,
|
|
responsive,
|
|
unit
|
|
) {
|
|
var css = "",
|
|
before = "",
|
|
after = "";
|
|
|
|
if (responsive && (Array.isArray(setting) || "object" === typeof setting)) {
|
|
Object.keys(setting).forEach(function (index, el) {
|
|
if (setting[index]) {
|
|
if ("tablet" === index) {
|
|
before = "@media only screen and (max-width: 768px) {";
|
|
after = "}";
|
|
} else if ("mobile" === index) {
|
|
before = "@media only screen and (max-width: 480px) {";
|
|
after = "}";
|
|
} else if ("desktop" === index) {
|
|
before = "";
|
|
after = "";
|
|
} else {
|
|
return;
|
|
}
|
|
|
|
css +=
|
|
before +
|
|
selector +
|
|
"{" +
|
|
property +
|
|
": " +
|
|
setting[index] +
|
|
unit +
|
|
"; }" +
|
|
after;
|
|
}
|
|
});
|
|
}
|
|
|
|
if (!responsive) {
|
|
if (setting.value) {
|
|
setting = setting.value;
|
|
} else {
|
|
setting = 0;
|
|
}
|
|
|
|
css = selector + "{" + property + ": " + setting + unit + "; }";
|
|
}
|
|
|
|
return css;
|
|
}
|
|
|
|
/**
|
|
* Typography field CSS.
|
|
*/
|
|
function bloglo_typography_field_css(selector, setting) {
|
|
var css = "";
|
|
|
|
css += selector + "{";
|
|
|
|
if ("default" === setting["font-family"]) {
|
|
css +=
|
|
"font-family: " + bloglo_customizer_preview.default_system_font + ";";
|
|
} else if (
|
|
setting["font-family"] in
|
|
bloglo_customizer_preview.fonts.standard_fonts.fonts
|
|
) {
|
|
css +=
|
|
"font-family: " +
|
|
bloglo_customizer_preview.fonts.standard_fonts.fonts[
|
|
setting["font-family"]
|
|
].fallback +
|
|
";";
|
|
} else if ("inherit" !== setting["font-family"]) {
|
|
css += 'font-family: "' + setting["font-family"] + '";';
|
|
}
|
|
|
|
css += "font-weight:" + setting["font-weight"] + ";";
|
|
css += "font-style:" + setting["font-style"] + ";";
|
|
css += "text-transform:" + setting["text-transform"] + ";";
|
|
|
|
if ("text-decoration" in setting) {
|
|
css += "text-decoration:" + setting["text-decoration"] + ";";
|
|
}
|
|
|
|
if ("letter-spacing" in setting) {
|
|
css +=
|
|
"letter-spacing:" +
|
|
setting["letter-spacing"] +
|
|
setting["letter-spacing-unit"] +
|
|
";";
|
|
}
|
|
|
|
if ("line-height-desktop" in setting) {
|
|
css += "line-height:" + setting["line-height-desktop"] + ";";
|
|
}
|
|
|
|
if ("font-size-desktop" in setting && "font-size-unit" in setting) {
|
|
css +=
|
|
"font-size:" +
|
|
setting["font-size-desktop"] +
|
|
setting["font-size-unit"] +
|
|
";";
|
|
}
|
|
|
|
css += "}";
|
|
|
|
if ("font-size-tablet" in setting && setting["font-size-tablet"]) {
|
|
css +=
|
|
"@media only screen and (max-width: 768px) {" +
|
|
selector +
|
|
"{" +
|
|
"font-size: " +
|
|
setting["font-size-tablet"] +
|
|
setting["font-size-unit"] +
|
|
";" +
|
|
"}" +
|
|
"}";
|
|
}
|
|
|
|
if ("line-height-tablet" in setting && setting["line-height-tablet"]) {
|
|
css +=
|
|
"@media only screen and (max-width: 768px) {" +
|
|
selector +
|
|
"{" +
|
|
"line-height:" +
|
|
setting["line-height-tablet"] +
|
|
";" +
|
|
"}" +
|
|
"}";
|
|
}
|
|
|
|
if ("font-size-mobile" in setting && setting["font-size-mobile"]) {
|
|
css +=
|
|
"@media only screen and (max-width: 480px) {" +
|
|
selector +
|
|
"{" +
|
|
"font-size: " +
|
|
setting["font-size-mobile"] +
|
|
setting["font-size-unit"] +
|
|
";" +
|
|
"}" +
|
|
"}";
|
|
}
|
|
|
|
if ("line-height-mobile" in setting && setting["line-height-mobile"]) {
|
|
css +=
|
|
"@media only screen and (max-width: 480px) {" +
|
|
selector +
|
|
"{" +
|
|
"line-height:" +
|
|
setting["line-height-mobile"] +
|
|
";" +
|
|
"}" +
|
|
"}";
|
|
}
|
|
|
|
return css;
|
|
}
|
|
|
|
/**
|
|
* Load google font.
|
|
*/
|
|
function bloglo_enqueue_google_font(font) {
|
|
if (bloglo_customizer_preview.fonts.google_fonts.fonts[font]) {
|
|
var id = "google-font-" + font.trim().toLowerCase().replace(" ", "-");
|
|
var url =
|
|
bloglo_customizer_preview.google_fonts_url +
|
|
"/css?family=" +
|
|
font +
|
|
":" +
|
|
bloglo_customizer_preview.google_font_weights;
|
|
|
|
var tag = bloglo_get_link_tag(id, url);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* Design Options field CSS.
|
|
*/
|
|
function bloglo_design_options_css(selector, setting, type) {
|
|
var css = "",
|
|
before = "",
|
|
after = "";
|
|
|
|
if ("background" === type) {
|
|
var bg_type = setting["background-type"];
|
|
|
|
css += selector + "{";
|
|
|
|
if ("color" === bg_type) {
|
|
setting["background-color"] = setting["background-color"]
|
|
? setting["background-color"]
|
|
: "inherit";
|
|
css += "background: " + setting["background-color"] + ";";
|
|
} else if ("gradient" === bg_type) {
|
|
css += "background: " + setting["gradient-color-1"] + ";";
|
|
|
|
if ("linear" === setting["gradient-type"]) {
|
|
css +=
|
|
"background: -webkit-linear-gradient(" +
|
|
setting["gradient-linear-angle"] +
|
|
"deg, " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);" +
|
|
"background: -o-linear-gradient(" +
|
|
setting["gradient-linear-angle"] +
|
|
"deg, " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);" +
|
|
"background: linear-gradient(" +
|
|
setting["gradient-linear-angle"] +
|
|
"deg, " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);";
|
|
} else if ("radial" === setting["gradient-type"]) {
|
|
css +=
|
|
"background: -webkit-radial-gradient(" +
|
|
setting["gradient-position"] +
|
|
", circle, " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);" +
|
|
"background: -o-radial-gradient(" +
|
|
setting["gradient-position"] +
|
|
", circle, " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);" +
|
|
"background: radial-gradient(circle at " +
|
|
setting["gradient-position"] +
|
|
", " +
|
|
setting["gradient-color-1"] +
|
|
" " +
|
|
setting["gradient-color-1-location"] +
|
|
"%, " +
|
|
setting["gradient-color-2"] +
|
|
" " +
|
|
setting["gradient-color-2-location"] +
|
|
"%);";
|
|
}
|
|
} else if ("image" === bg_type) {
|
|
css +=
|
|
"" +
|
|
"background-image: url(" +
|
|
setting["background-image"] +
|
|
");" +
|
|
"background-size: " +
|
|
setting["background-size"] +
|
|
";" +
|
|
"background-attachment: " +
|
|
setting["background-attachment"] +
|
|
";" +
|
|
"background-position: " +
|
|
setting["background-position-x"] +
|
|
"% " +
|
|
setting["background-position-y"] +
|
|
"%;" +
|
|
"background-repeat: " +
|
|
setting["background-repeat"] +
|
|
";";
|
|
}
|
|
|
|
css += "}";
|
|
|
|
// Background image color overlay.
|
|
if (
|
|
"image" === bg_type &&
|
|
setting["background-color-overlay"] &&
|
|
setting["background-image"]
|
|
) {
|
|
css +=
|
|
selector +
|
|
"::after { background-color: " +
|
|
setting["background-color-overlay"] +
|
|
"; }";
|
|
} else {
|
|
css += selector + "::after { background-color: initial; }";
|
|
}
|
|
} else if ("color" === type) {
|
|
setting["text-color"] = setting["text-color"]
|
|
? setting["text-color"]
|
|
: "inherit";
|
|
setting["link-color"] = setting["link-color"]
|
|
? setting["link-color"]
|
|
: "inherit";
|
|
setting["link-hover-color"] = setting["link-hover-color"]
|
|
? setting["link-hover-color"]
|
|
: "inherit";
|
|
|
|
css += selector + " { color: " + setting["text-color"] + "; }";
|
|
css += selector + " a { color: " + setting["link-color"] + "; }";
|
|
css +=
|
|
selector +
|
|
" a:hover { color: " +
|
|
setting["link-hover-color"] +
|
|
" !important; }";
|
|
} else if ("border" === type) {
|
|
setting["border-color"] = setting["border-color"]
|
|
? setting["border-color"]
|
|
: "inherit";
|
|
setting["border-style"] = setting["border-style"]
|
|
? setting["border-style"]
|
|
: "solid";
|
|
setting["border-left-width"] = setting["border-left-width"]
|
|
? setting["border-left-width"]
|
|
: 0;
|
|
setting["border-top-width"] = setting["border-top-width"]
|
|
? setting["border-top-width"]
|
|
: 0;
|
|
setting["border-right-width"] = setting["border-right-width"]
|
|
? setting["border-right-width"]
|
|
: 0;
|
|
setting["border-bottom-width"] = setting["border-bottom-width"]
|
|
? setting["border-bottom-width"]
|
|
: 0;
|
|
|
|
css += selector + "{";
|
|
css += "border-color: " + setting["border-color"] + ";";
|
|
css += "border-style: " + setting["border-style"] + ";";
|
|
css += "border-left-width: " + setting["border-left-width"] + "px;";
|
|
css += "border-top-width: " + setting["border-top-width"] + "px;";
|
|
css += "border-right-width: " + setting["border-right-width"] + "px;";
|
|
css += "border-bottom-width: " + setting["border-bottom-width"] + "px;";
|
|
css += "}";
|
|
} else if ("separator_color" === type) {
|
|
css +=
|
|
selector +
|
|
":after{ background-color: " +
|
|
setting["separator-color"] +
|
|
"; }";
|
|
}
|
|
|
|
return css;
|
|
}
|
|
|
|
/**
|
|
* Logo max height.
|
|
*/
|
|
api("bloglo_logo_max_height", function (value) {
|
|
value.bind(function (newval) {
|
|
var $logo = $(".bloglo-logo");
|
|
|
|
if (!$logo.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_logo_max_height");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
".bloglo-logo img",
|
|
"max-height",
|
|
newval,
|
|
true,
|
|
"px"
|
|
);
|
|
style_css += bloglo_range_field_css(
|
|
".bloglo-logo img.bloglo-svg-logo",
|
|
"height",
|
|
newval,
|
|
true,
|
|
"px"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Logo text font size.
|
|
*/
|
|
api("bloglo_logo_text_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $logo = $("#bloglo-header .bloglo-logo .site-title");
|
|
|
|
if (!$logo.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_logo_text_font_size");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
"#bloglo-header .bloglo-logo .site-title",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Logo margin.
|
|
*/
|
|
api("bloglo_logo_margin", function (value) {
|
|
value.bind(function (newval) {
|
|
var $logo = $(".bloglo-logo");
|
|
|
|
if (!$logo.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_logo_margin");
|
|
|
|
var style_css = bloglo_spacing_field_css(
|
|
".bloglo-logo .logo-inner",
|
|
"margin",
|
|
newval,
|
|
true
|
|
);
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Tagline.
|
|
*/
|
|
api("blogdescription", function (value) {
|
|
value.bind(function (newval) {
|
|
if ($(".bloglo-logo").find(".site-description").length) {
|
|
$(".bloglo-logo").find(".site-description").html(newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Site Title.
|
|
*/
|
|
api("blogname", function (value) {
|
|
value.bind(function (newval) {
|
|
if ($(".bloglo-logo").find(".site-title").length) {
|
|
$(".bloglo-logo").find(".site-title").find("a").html(newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Site Layout.
|
|
*/
|
|
api("bloglo_site_layout", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-layout__(?!boxed-separated)\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-layout__" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Sticky Sidebar.
|
|
*/
|
|
api("bloglo_sidebar_sticky", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-sticky-\S+/g) || []).join(" ");
|
|
});
|
|
|
|
if (newval) {
|
|
$body.addClass("bloglo-sticky-" + newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Sidebar width.
|
|
*/
|
|
api("bloglo_sidebar_width", function (value) {
|
|
value.bind(function (newval) {
|
|
var $sidebar = $("#secondary");
|
|
|
|
if (!$sidebar.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_sidebar_width");
|
|
var style_css = "#secondary { width: " + newval.value + "%; }";
|
|
style_css +=
|
|
"body:not(.bloglo-no-sidebar) #primary { " +
|
|
"max-width: " +
|
|
(100 - parseInt(newval.value)) +
|
|
"%;" +
|
|
"};";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Sidebar style.
|
|
*/
|
|
api("bloglo_sidebar_style", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-sidebar-style-\S+/g) || []).join(
|
|
" "
|
|
);
|
|
});
|
|
|
|
$body.addClass("bloglo-sidebar-style-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Responsive sidebar position.
|
|
*/
|
|
api("bloglo_sidebar_responsive_position", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-sidebar-r__\S+/g) || []).join(
|
|
" "
|
|
);
|
|
});
|
|
|
|
if (newval) {
|
|
$body.addClass("bloglo-sidebar-r__" + newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Featured Image Position (Horizontal Blog layout)
|
|
*/
|
|
api("bloglo_blog_image_position", function (value) {
|
|
value.bind(function (newval) {
|
|
$(".bloglo-blog-entry-wrapper").removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-thumb-\S+/g) || []).join(" ");
|
|
});
|
|
|
|
$(".bloglo-blog-entry-wrapper").addClass("bloglo-thumb-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Single page - title in header alignment.
|
|
*/
|
|
api("bloglo_single_title_alignment", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-page-title-align-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-page-title-align-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Single Page title spacing.
|
|
*/
|
|
api("bloglo_single_title_spacing", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_header = $(".page-header");
|
|
|
|
if (!$page_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_single_title_spacing");
|
|
|
|
var style_css = bloglo_spacing_field_css(
|
|
".bloglo-single-title-in-page-header #page .page-header .bloglo-page-header-wrapper",
|
|
"padding",
|
|
newval,
|
|
true
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Single post narrow container width.
|
|
*/
|
|
api("bloglo_single_narrow_container_width", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_single_narrow_container_width");
|
|
var style_css = "";
|
|
|
|
style_css +=
|
|
'.single-post.narrow-content .entry-content > :not([class*="align"]):not([class*="gallery"]):not(.wp-block-image):not(.quote-inner):not(.quote-post-bg), ' +
|
|
'.single-post.narrow-content .mce-content-body:not([class*="page-template-full-width"]) > :not([class*="align"]):not([data-wpview-type*="gallery"]):not(blockquote):not(.mceTemp), ' +
|
|
".single-post.narrow-content .entry-footer, " +
|
|
".single-post.narrow-content .post-nav, " +
|
|
".single-post.narrow-content .entry-content > .alignwide, " +
|
|
".single-post.narrow-content p.has-background:not(.alignfull):not(.alignwide)" +
|
|
".single-post.narrow-content #bloglo-comments-toggle, " +
|
|
".single-post.narrow-content #comments, " +
|
|
".single-post.narrow-content .entry-content .aligncenter, " +
|
|
".single-post.narrow-content .bloglo-narrow-element, " +
|
|
".single-post.narrow-content.bloglo-single-title-in-content .entry-header, " +
|
|
".single-post.narrow-content.bloglo-single-title-in-content .entry-meta, " +
|
|
".single-post.narrow-content.bloglo-single-title-in-content .post-category, " +
|
|
".single-post.narrow-content.bloglo-no-sidebar .bloglo-page-header-wrapper, " +
|
|
".single-post.narrow-content.bloglo-no-sidebar .bloglo-breadcrumbs > .bloglo-container > nav {" +
|
|
"max-width: " +
|
|
parseInt(newval.value) +
|
|
"px; margin-left: auto; margin-right: auto; " +
|
|
"}";
|
|
|
|
style_css +=
|
|
".single-post.narrow-content .author-box, " +
|
|
".single-post.narrow-content .entry-content > .alignwide { " +
|
|
"max-width: " +
|
|
(parseInt(newval.value) + 70) +
|
|
"px;" +
|
|
"}";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header container width.
|
|
*/
|
|
api("bloglo_header_container_width", function (value) {
|
|
value.bind(function (newval) {
|
|
var $header = $("#bloglo-header");
|
|
|
|
if (!$header.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$header.addClass("bloglo-container__wide");
|
|
} else {
|
|
$header.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Main navigation disply breakpoint.
|
|
*/
|
|
api("bloglo_main_nav_mobile_breakpoint", function (value) {
|
|
value.bind(function (newval) {
|
|
var $nav = $("#bloglo-header-inner .bloglo-nav");
|
|
|
|
if (!$nav.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_main_nav_mobile_breakpoint");
|
|
var style_css = "";
|
|
|
|
style_css +=
|
|
"@media screen and (min-width: " +
|
|
parseInt(newval) +
|
|
"px) {#bloglo-header-inner .bloglo-nav {display:flex} .bloglo-mobile-nav,.bloglo-mobile-toggen,#bloglo-header-inner .bloglo-nav .menu-item-has-children>a > .bloglo-icon,#bloglo-header-inner .bloglo-nav .page_item_has_children>a > .bloglo-icon {display:none;} }";
|
|
style_css +=
|
|
"@media screen and (max-width: " +
|
|
parseInt(newval) +
|
|
"px) {#bloglo-header-inner .bloglo-nav {display:none} .bloglo-mobile-nav,.bloglo-mobile-toggen {display:inline-flex;} }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Mobile Menu Button Label.
|
|
*/
|
|
api("bloglo_main_nav_mobile_label", function (value) {
|
|
value.bind(function (newval) {
|
|
if (
|
|
$(".bloglo-hamburger-bloglo-primary-nav").find(".hamburger-label")
|
|
.length
|
|
) {
|
|
$(".bloglo-hamburger-bloglo-primary-nav")
|
|
.find(".hamburger-label")
|
|
.html(newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Main Nav Font color.
|
|
*/
|
|
api("bloglo_main_nav_font_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $navigation = $("#bloglo-header-inner .bloglo-nav");
|
|
|
|
if (!$navigation.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_main_nav_font_color");
|
|
var style_css = "";
|
|
|
|
// Link color.
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
style_css +=
|
|
"#bloglo-header-inner .bloglo-nav > ul > li > a { color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
|
|
// Link hover color.
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: api.value("bloglo_accent_color")();
|
|
style_css +=
|
|
"#bloglo-header-inner .bloglo-nav > ul > li > a:hover, " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.menu-item-has-children:hover > a, " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current-menu-item > a, " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current-menu-ancestor > a " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.page_item_has_children:hover > a, " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current_page_item > a, " +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current_page_ancestor > a " +
|
|
"{ color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Main Nav Background.
|
|
*/
|
|
api("bloglo_main_nav_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $navigation = $(".bloglo-header-layout-3 .bloglo-nav-container");
|
|
|
|
if (!$navigation.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_main_nav_background");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-header-layout-3 .bloglo-nav-container",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Main Nav Border.
|
|
*/
|
|
api("bloglo_main_nav_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $navigation = $(".bloglo-header-layout-3 .bloglo-nav-container");
|
|
|
|
if (!$navigation.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_main_nav_border");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-header-layout-3 .bloglo-nav-container",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Main Nav font size.
|
|
*/
|
|
api("bloglo_main_nav_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $nav = $("#bloglo-header-inner");
|
|
|
|
if (!$nav.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_main_nav_font_size");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
".bloglo-nav.bloglo-header-element, .bloglo-header-layout-1 .bloglo-header-widgets, .bloglo-header-layout-2 .bloglo-header-widgets",
|
|
"font-size",
|
|
newval,
|
|
false,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar container width.
|
|
*/
|
|
api("bloglo_top_bar_container_width", function (value) {
|
|
value.bind(function (newval) {
|
|
var $topbar = $("#bloglo-topbar");
|
|
|
|
if (!$topbar.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$topbar.addClass("bloglo-container__wide");
|
|
} else {
|
|
$topbar.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar visibility.
|
|
*/
|
|
api("bloglo_top_bar_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
var $topbar = $("#bloglo-topbar");
|
|
|
|
bloglo_print_visibility_classes($topbar, newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar widgets separator.
|
|
*/
|
|
api("bloglo_top_bar_widgets_separator", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-topbar__separators-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-topbar__separators-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar background.
|
|
*/
|
|
api("bloglo_top_bar_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $topbar = $("#bloglo-topbar");
|
|
|
|
if (!$topbar.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_top_bar_background");
|
|
var style_css = bloglo_design_options_css(
|
|
"#bloglo-topbar",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar color.
|
|
*/
|
|
api("bloglo_top_bar_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $topbar = $("#bloglo-topbar");
|
|
|
|
if (!$topbar.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_top_bar_text_color");
|
|
var style_css = "";
|
|
|
|
newval["text-color"] = newval["text-color"]
|
|
? newval["text-color"]
|
|
: "inherit";
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: "inherit";
|
|
|
|
// Text color.
|
|
style_css += "#bloglo-topbar { color: " + newval["text-color"] + "; }";
|
|
|
|
// Link color.
|
|
style_css +=
|
|
".bloglo-topbar-widget__text a, " +
|
|
".bloglo-topbar-widget .bloglo-nav > ul > li > a, " +
|
|
".bloglo-topbar-widget__socials .bloglo-social-nav > ul > li > a, " +
|
|
"#bloglo-topbar .bloglo-topbar-widget__text .bloglo-icon { color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
|
|
// Link hover color.
|
|
style_css +=
|
|
"#bloglo-topbar .bloglo-nav > ul > li > a:hover, " +
|
|
".using-keyboard #bloglo-topbar .bloglo-nav > ul > li > a:focus," +
|
|
"#bloglo-topbar .bloglo-nav > ul > li.menu-item-has-children:hover > a, " +
|
|
"#bloglo-topbar .bloglo-nav > ul > li.current-menu-item > a, " +
|
|
"#bloglo-topbar .bloglo-nav > ul > li.current-menu-ancestor > a, " +
|
|
"#bloglo-topbar .bloglo-topbar-widget__text a:hover, " +
|
|
"#bloglo-topbar .bloglo-social-nav > ul > li > a .bloglo-icon.bottom-icon { color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Top Bar border.
|
|
*/
|
|
api("bloglo_top_bar_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $topbar = $("#bloglo-topbar");
|
|
|
|
if (!$topbar.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_top_bar_border");
|
|
var style_css = bloglo_design_options_css(
|
|
"#bloglo-topbar",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
style_css += bloglo_design_options_css(
|
|
"#bloglo-topbar .bloglo-topbar-widget",
|
|
newval,
|
|
"separator_color"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header menu item hover animation.
|
|
*/
|
|
api("bloglo_main_nav_hover_animation", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-menu-animation-\S+/g) || []).join(
|
|
" "
|
|
);
|
|
});
|
|
|
|
$body.addClass("bloglo-menu-animation-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header widgets separator.
|
|
*/
|
|
api("bloglo_header_widgets_separator", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-header__separators-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-header__separators-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header background.
|
|
*/
|
|
api("bloglo_header_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $header = $("#bloglo-header-inner");
|
|
|
|
if (!$header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_header_background");
|
|
var style_css = bloglo_design_options_css(
|
|
"#bloglo-header-inner",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
if ("color" === newval["background-type"] && newval["background-color"]) {
|
|
style_css +=
|
|
".bloglo-header-widget__cart .bloglo-cart .bloglo-cart-count { border: 2px solid " +
|
|
newval["background-color"] +
|
|
"; }";
|
|
} else {
|
|
style_css +=
|
|
".bloglo-header-widget__cart .bloglo-cart .bloglo-cart-count { border: none; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header font color.
|
|
*/
|
|
api("bloglo_header_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $header = $("#bloglo-header");
|
|
|
|
if (!$header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_header_text_color");
|
|
var style_css = "";
|
|
|
|
// Text color.
|
|
style_css +=
|
|
".bloglo-logo .site-description { color: " +
|
|
newval["text-color"] +
|
|
"; }";
|
|
|
|
// Link color.
|
|
if (newval["link-color"]) {
|
|
style_css +=
|
|
"#bloglo-header, " +
|
|
".bloglo-header-widgets a:not(.bloglo-btn), " +
|
|
".bloglo-logo a," +
|
|
".bloglo-hamburger { color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
style_css +=
|
|
".hamburger-inner," +
|
|
".hamburger-inner::before," +
|
|
".hamburger-inner::after { background-color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
}
|
|
|
|
// Link hover color.
|
|
if (newval["link-hover-color"]) {
|
|
style_css +=
|
|
".bloglo-header-widgets a:not(.bloglo-btn):hover, " +
|
|
"#bloglo-header-inner .bloglo-header-widgets .bloglo-active," +
|
|
".bloglo-logo .site-title a:hover, " +
|
|
".bloglo-hamburger:hover .hamburger-label, " +
|
|
".is-mobile-menu-active .bloglo-hamburger .hamburger-label," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li > a:hover," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.menu-item-has-children:hover > a," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current-menu-item > a," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current-menu-ancestor > a," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.page_item_has_children:hover > a," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current_page_item > a," +
|
|
"#bloglo-header-inner .bloglo-nav > ul > li.current_page_ancestor > a { color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
style_css +=
|
|
".bloglo-hamburger:hover .hamburger-inner," +
|
|
".bloglo-hamburger:hover .hamburger-inner::before," +
|
|
".bloglo-hamburger:hover .hamburger-inner::after," +
|
|
".is-mobile-menu-active .bloglo-hamburger .hamburger-inner," +
|
|
".is-mobile-menu-active .bloglo-hamburger .hamburger-inner::before," +
|
|
".is-mobile-menu-active .bloglo-hamburger .hamburger-inner::after { background-color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header border.
|
|
*/
|
|
api("bloglo_header_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $header = $("#bloglo-header-inner");
|
|
|
|
if (!$header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_header_border");
|
|
var style_css = bloglo_design_options_css(
|
|
"#bloglo-header-inner",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
// Separator color.
|
|
newval["separator-color"] = newval["separator-color"]
|
|
? newval["separator-color"]
|
|
: "inherit";
|
|
style_css +=
|
|
".bloglo-header-widget:after { background-color: " +
|
|
newval["separator-color"] +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Hero container width.
|
|
*/
|
|
api("bloglo_hero_hover_slider_container", function (value) {
|
|
value.bind(function (newval) {
|
|
var $hero_container = $("#hero .bloglo-hero-container");
|
|
|
|
if (!$hero_container.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$hero_container.addClass("bloglo-container__wide");
|
|
} else {
|
|
$hero_container.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Hero overlay style.
|
|
*/
|
|
api("bloglo_hero_hover_slider_overlay", function (value) {
|
|
value.bind(function (newval) {
|
|
var $hero = $("#hero .bloglo-hover-slider");
|
|
|
|
if (!$hero.length) {
|
|
return;
|
|
}
|
|
|
|
$hero
|
|
.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)slider-overlay-\S+/g) || []).join(" ");
|
|
})
|
|
.addClass("slider-overlay-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Hero height.
|
|
*/
|
|
api("bloglo_hero_hover_slider_height", function (value) {
|
|
value.bind(function (newval) {
|
|
var $hero = $("#hero");
|
|
|
|
if (!$hero.length) {
|
|
return;
|
|
}
|
|
|
|
$hero.find(".hover-slide-item").css("height", newval.value + "px");
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Hero visibility.
|
|
*/
|
|
api("bloglo_hero_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#hero"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Featured Links title.
|
|
*/
|
|
api("bloglo_featured_links_title", function (value) {
|
|
value.bind(function (newval) {
|
|
$("#featured_links .widget-title").text(newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Featured Links container width.
|
|
*/
|
|
api("bloglo_featured_links_container", function (value) {
|
|
value.bind(function (newval) {
|
|
var $featured_links_container = $("#featured_links .bloglo-featured-container");
|
|
|
|
if (!$featured_links_container.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$featured_links_container.addClass("bloglo-container__wide");
|
|
} else {
|
|
$featured_links_container.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Featured Links visibility.
|
|
*/
|
|
api("bloglo_featured_links_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#featured_links"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* PYML title.
|
|
*/
|
|
api("bloglo_pyml_title", function (value) {
|
|
value.bind(function (newval) {
|
|
$("#pyml .widget-title").text(newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* PYML container width.
|
|
*/
|
|
api("bloglo_pyml_container", function (value) {
|
|
value.bind(function (newval) {
|
|
var $pyml_container = $("#pyml .bloglo-pyml-container");
|
|
|
|
if (!$pyml_container.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$pyml_container.addClass("bloglo-container__wide");
|
|
} else {
|
|
$pyml_container.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* PYML visibility.
|
|
*/
|
|
api("bloglo_pyml_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#pyml"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Ticker News title.
|
|
*/
|
|
api("bloglo_ticker_title", function (value) {
|
|
value.bind(function (newval) {
|
|
$("#ticker .ticker-title .title").text(newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Ticker News container width.
|
|
*/
|
|
api("bloglo_ticker_container", function (value) {
|
|
value.bind(function (newval) {
|
|
var $ticker_container = $("#ticker .bloglo-ticker-container");
|
|
|
|
if (!$ticker_container.length) {
|
|
return;
|
|
}
|
|
|
|
if ("full-width" === newval) {
|
|
$ticker_container.addClass("bloglo-container__wide");
|
|
} else {
|
|
$ticker_container.removeClass("bloglo-container__wide");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Ticker News visibility.
|
|
*/
|
|
api("bloglo_ticker_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#ticker"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Custom input style.
|
|
*/
|
|
api("bloglo_custom_input_style", function (value) {
|
|
value.bind(function (newval) {
|
|
if (newval) {
|
|
$body.addClass("bloglo-input-supported");
|
|
} else {
|
|
$body.removeClass("bloglo-input-supported");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Enable.
|
|
*/
|
|
api("bloglo_enable_pre_footer_cta", function (value) {
|
|
value.bind(function (newval) {
|
|
if (newval) {
|
|
$body.addClass(
|
|
"bloglo-pre-footer-cta-style-" +
|
|
api.value("bloglo_pre_footer_cta_style")()
|
|
);
|
|
} else {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-pre-footer-cta-style-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action visibility.
|
|
*/
|
|
api("bloglo_pre_footer_cta_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $(".bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
bloglo_print_visibility_classes($cta, newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Text.
|
|
*/
|
|
api("bloglo_pre_footer_cta_text", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
$cta.find("p.h3").html(newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Style.
|
|
*/
|
|
api("bloglo_pre_footer_cta_style", function (value) {
|
|
value.bind(function (newval) {
|
|
$body
|
|
.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-pre-footer-cta-style-\S+/g) || []
|
|
).join(" ");
|
|
})
|
|
.addClass(
|
|
"bloglo-pre-footer-cta-style-" +
|
|
api.value("bloglo_pre_footer_cta_style")()
|
|
);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Button Text.
|
|
*/
|
|
api("bloglo_pre_footer_cta_btn_text", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
if (newval) {
|
|
$cta.find("a").css("display", "inline-flex").html(newval);
|
|
} else {
|
|
$cta.find("a").css("display", "none").html("");
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Background.
|
|
*/
|
|
api("bloglo_pre_footer_cta_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_pre_footer_cta_background");
|
|
var style_css = "";
|
|
|
|
if ("color" === newval["background-type"]) {
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::before, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::before",
|
|
newval,
|
|
"background"
|
|
);
|
|
style_css +=
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::after," +
|
|
".bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::after" +
|
|
"{ background-image: none; }";
|
|
} else {
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::after",
|
|
newval,
|
|
"background"
|
|
);
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::after",
|
|
newval,
|
|
"background"
|
|
);
|
|
}
|
|
|
|
if (
|
|
"image" === newval["background-type"] &&
|
|
newval["background-color-overlay"] &&
|
|
newval["background-image"]
|
|
) {
|
|
style_css +=
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::before," +
|
|
".bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::before" +
|
|
"{ background-color: " +
|
|
newval["background-color-overlay"] +
|
|
"; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Text Color.
|
|
*/
|
|
api("bloglo_pre_footer_cta_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_pre_footer_cta_text_color");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_design_options_css(
|
|
"#bloglo-pre-footer .h2",
|
|
newval,
|
|
"color"
|
|
);
|
|
style_css += bloglo_design_options_css(
|
|
"#bloglo-pre-footer .h3",
|
|
newval,
|
|
"color"
|
|
);
|
|
style_css += bloglo_design_options_css(
|
|
"#bloglo-pre-footer .h4",
|
|
newval,
|
|
"color"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer Call to Action Border.
|
|
*/
|
|
api("bloglo_pre_footer_cta_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_pre_footer_cta_border");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::before, .bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::before",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Pre Footer CTA font size.
|
|
*/
|
|
api("bloglo_pre_footer_cta_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $cta = $("#bloglo-pre-footer .bloglo-pre-footer-cta");
|
|
|
|
if (!$cta.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_pre_footer_cta_font_size");
|
|
var style_css = bloglo_range_field_css(
|
|
"#bloglo-pre-footer .h3",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* WooCommerce sale badge text.
|
|
*/
|
|
api("bloglo_product_sale_badge_text", function (value) {
|
|
value.bind(function (newval) {
|
|
var $badge = $(
|
|
".woocommerce ul.products li.product .onsale, .woocommerce span.onsale"
|
|
).not(".sold-out");
|
|
|
|
if (!$badge.length) {
|
|
return;
|
|
}
|
|
|
|
$badge.html(newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Accent color.
|
|
*/
|
|
api("bloglo_accent_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_accent_color");
|
|
var style_css;
|
|
|
|
// Colors.
|
|
style_css =
|
|
":root { " +
|
|
"--bloglo-primary: " +
|
|
newval +
|
|
";" +
|
|
"--bloglo-primary_15: " +
|
|
bloglo_luminance(newval, 0.15) +
|
|
";" +
|
|
"--bloglo-primary_27: " +
|
|
bloglo_hex2rgba(newval, 0.27) +
|
|
";" +
|
|
"--bloglo-primary_09: " +
|
|
bloglo_hex2rgba(newval, 0.09) +
|
|
";" +
|
|
"--bloglo-primary_04: " +
|
|
bloglo_hex2rgba(newval, 0.04) +
|
|
";" +
|
|
"}";
|
|
|
|
// Gradient.
|
|
style_css +=
|
|
".bloglo-pre-footer-cta-style-1 #bloglo-pre-footer .bloglo-flex-row::before," +
|
|
".bloglo-pre-footer-cta-style-2 #bloglo-pre-footer::before { " +
|
|
"background: linear-gradient(to right, " +
|
|
bloglo_hex2rgba(newval, 0.9) +
|
|
" 0%, " +
|
|
bloglo_hex2rgba(newval, 0.82) +
|
|
" 35%, " +
|
|
bloglo_hex2rgba(newval, 0.4) +
|
|
" 100% );" +
|
|
"-webkit-gradient(linear, left top, right top, from(" +
|
|
bloglo_hex2rgba(newval, 0.9) +
|
|
"), color-stop(35%, " +
|
|
bloglo_hex2rgba(newval, 0.82) +
|
|
"), to(" +
|
|
bloglo_hex2rgba(newval, 0.4) +
|
|
")); }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
api( 'bloglo_dark_mode', function( value ) {
|
|
value.bind( function( newval ) {
|
|
if (newval) {
|
|
document.documentElement.setAttribute('data-theme', 'dark');
|
|
localStorage.setItem('darkmode', 'dark');
|
|
} else {
|
|
document.documentElement.setAttribute('data-theme', 'light');
|
|
localStorage.setItem('darkmode', 'light');
|
|
}
|
|
} )
|
|
} );
|
|
/**
|
|
* Content background color.
|
|
*/
|
|
api("bloglo_boxed_content_background_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_boxed_content_background_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
".bloglo-layout__boxed #page, " +
|
|
".bloglo-layout__boxed-separated .ticker-slider-items, " +
|
|
".bloglo-layout__boxed-separated .pyml-slider-items, " +
|
|
".bloglo-layout__boxed-separated.author .author-box, " +
|
|
".bloglo-layout__boxed-separated #content, " +
|
|
".bloglo-layout__boxed-separated.bloglo-sidebar-style-3 #secondary .bloglo-widget, " +
|
|
".bloglo-layout__boxed-separated.bloglo-sidebar-style-3 .elementor-widget-sidebar .bloglo-widget, " +
|
|
".bloglo-layout__boxed-separated.archive .bloglo-article, " +
|
|
".bloglo-layout__boxed-separated.blog .bloglo-article, " +
|
|
".bloglo-layout__boxed-separated.search-results .bloglo-article, " +
|
|
".bloglo-layout__boxed-separated.category .bloglo-article { background-color: " +
|
|
newval +
|
|
"; }";
|
|
|
|
// style_css += '@media screen and (max-width: 960px) { ' + '.bloglo-layout__boxed-separated #page { background-color: ' + newval + '; }' + '}';
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Content text color.
|
|
*/
|
|
api("bloglo_content_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_content_text_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
"body { " +
|
|
"color: " +
|
|
newval +
|
|
";" +
|
|
"}" +
|
|
":root { " +
|
|
"--bloglo-secondary_38: " +
|
|
newval +
|
|
";" +
|
|
"}" +
|
|
".comment-form .comment-notes, " +
|
|
"#comments .no-comments, " +
|
|
"#page .wp-caption .wp-caption-text," +
|
|
"#comments .comment-meta," +
|
|
".comments-closed," +
|
|
".entry-meta," +
|
|
".bloglo-entry cite," +
|
|
"legend," +
|
|
".bloglo-page-header-description," +
|
|
".page-links em," +
|
|
".site-content .page-links em," +
|
|
".single .entry-footer .last-updated," +
|
|
".single .post-nav .post-nav-title," +
|
|
"#main .widget_recent_comments span," +
|
|
"#main .widget_recent_entries span," +
|
|
"#main .widget_calendar table > caption," +
|
|
".post-thumb-caption, " +
|
|
".wp-block-image figcaption, " +
|
|
".bloglo-cart-item .bloglo-x," +
|
|
".woocommerce form.login .lost_password a," +
|
|
".woocommerce form.register .lost_password a," +
|
|
".woocommerce a.remove," +
|
|
"#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, " +
|
|
".woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, " +
|
|
".woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination," +
|
|
".woocommerce ul.products li.product .bloglo-loop-product__category-wrap a," +
|
|
".woocommerce ul.products li.product .bloglo-loop-product__category-wrap," +
|
|
".woocommerce .woocommerce-checkout-review-order table.shop_table thead th," +
|
|
"#add_payment_method #payment div.payment_box, " +
|
|
".woocommerce-cart #payment div.payment_box, " +
|
|
".woocommerce-checkout #payment div.payment_box," +
|
|
"#add_payment_method #payment ul.payment_methods .about_paypal, " +
|
|
".woocommerce-cart #payment ul.payment_methods .about_paypal, " +
|
|
".woocommerce-checkout #payment ul.payment_methods .about_paypal," +
|
|
".woocommerce table dl," +
|
|
".woocommerce table .wc-item-meta," +
|
|
".widget.woocommerce .reviewer," +
|
|
".woocommerce.widget_shopping_cart .cart_list li a.remove:before," +
|
|
".woocommerce .widget_shopping_cart .cart_list li a.remove:before," +
|
|
".woocommerce .widget_shopping_cart .cart_list li .quantity, " +
|
|
".woocommerce.widget_shopping_cart .cart_list li .quantity," +
|
|
".woocommerce div.product .woocommerce-product-rating .woocommerce-review-link," +
|
|
".woocommerce div.product .woocommerce-tabs table.shop_attributes td," +
|
|
".woocommerce div.product .product_meta > span span:not(.bloglo-woo-meta-title), " +
|
|
".woocommerce div.product .product_meta > span a," +
|
|
".woocommerce .star-rating::before," +
|
|
".woocommerce div.product #reviews #comments ol.commentlist li .comment-text p.meta," +
|
|
".ywar_review_count," +
|
|
".woocommerce .add_to_cart_inline del, " +
|
|
".woocommerce div.product p.price del, " +
|
|
".woocommerce div.product span.price del { color: " +
|
|
bloglo_hex2rgba(newval, 0.75) +
|
|
"; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Content link hover color.
|
|
*/
|
|
api("bloglo_content_link_hover_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_content_link_hover_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
// Content link hover.
|
|
style_css +=
|
|
".content-area a:not(.bloglo-btn, .wp-block-button__link, .page-numbers, [rel^=category]):hover, " +
|
|
".bloglo-woo-before-shop select.custom-select-loaded:hover ~ #bloglo-orderby, " +
|
|
"#add_payment_method #payment ul.payment_methods .about_paypal:hover, " +
|
|
".woocommerce-cart #payment ul.payment_methods .about_paypal:hover, " +
|
|
".woocommerce-checkout #payment ul.payment_methods .about_paypal:hover, " +
|
|
".bloglo-breadcrumbs a:hover, " +
|
|
".woocommerce div.product .woocommerce-product-rating .woocommerce-review-link:hover, " +
|
|
".woocommerce ul.products li.product .meta-wrap .woocommerce-loop-product__link:hover, " +
|
|
".woocommerce ul.products li.product .bloglo-loop-product__category-wrap a:hover { " +
|
|
"color: " +
|
|
newval +
|
|
";" +
|
|
"}";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Content text color.
|
|
*/
|
|
api("bloglo_headings_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_headings_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
"h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .bloglo-logo .site-title, .error-404 .page-header h1 { " +
|
|
"color: " +
|
|
newval +
|
|
";" +
|
|
"} :root { " +
|
|
"--bloglo-secondary: " +
|
|
newval +
|
|
";" +
|
|
"}";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Scroll Top visibility.
|
|
*/
|
|
api("bloglo_scroll_top_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#bloglo-scroll-top"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page Preloader visibility.
|
|
*/
|
|
api("bloglo_preloader_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#bloglo-preloader"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer visibility.
|
|
*/
|
|
api("bloglo_footer_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#bloglo-footer"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer Widget Heading Style Enable.
|
|
*/
|
|
api("bloglo_footer_widget_heading_style", function (value) {
|
|
value.bind(function (newval) {
|
|
$body
|
|
.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)is-footer-heading-init-s\S+/g) || []
|
|
).join(" ");
|
|
})
|
|
.addClass(
|
|
"is-footer-heading-init-s" +
|
|
api.value("bloglo_footer_widget_heading_style")()
|
|
);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer background.
|
|
*/
|
|
api("bloglo_footer_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $footer = $("#colophon");
|
|
|
|
if (!$footer.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_footer_background");
|
|
var style_css = bloglo_design_options_css(
|
|
"#colophon",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer font color.
|
|
*/
|
|
api("bloglo_footer_text_color", function (value) {
|
|
var $footer = $("#bloglo-footer"),
|
|
copyright_separator_color,
|
|
style_css;
|
|
|
|
value.bind(function (newval) {
|
|
if (!$footer.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_footer_text_color");
|
|
|
|
style_css = "";
|
|
|
|
newval["text-color"] = newval["text-color"]
|
|
? newval["text-color"]
|
|
: "inherit";
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: "inherit";
|
|
newval["widget-title-color"] = newval["widget-title-color"]
|
|
? newval["widget-title-color"]
|
|
: "inherit";
|
|
|
|
// Text color.
|
|
style_css += "#colophon { color: " + newval["text-color"] + "; }";
|
|
|
|
// Link color.
|
|
style_css += "#colophon a { color: " + newval["link-color"] + "; }";
|
|
|
|
// Link hover color.
|
|
style_css +=
|
|
"#colophon a:hover, #colophon li.current_page_item > a, #colophon .bloglo-social-nav > ul > li > a .bloglo-icon.bottom-icon " +
|
|
"{ color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
// Widget title color.
|
|
style_css +=
|
|
"#colophon .widget-title, #colophon .wp-block-heading { color: " +
|
|
newval["widget-title-color"] +
|
|
"; }";
|
|
|
|
// Copyright separator color.
|
|
copyright_separator_color = bloglo_light_or_dark(
|
|
newval["text-color"],
|
|
"rgba(255,255,255,0.1)",
|
|
"rgba(0,0,0,0.1)"
|
|
);
|
|
|
|
// copyright_separator_color = bloglo_luminance( newval['text-color'], 0.8 );
|
|
|
|
style_css +=
|
|
"#bloglo-copyright.contained-separator > .bloglo-container:before { background-color: " +
|
|
copyright_separator_color +
|
|
"; }";
|
|
style_css +=
|
|
"#bloglo-copyright.fw-separator { border-top-color: " +
|
|
copyright_separator_color +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer border.
|
|
*/
|
|
api("bloglo_footer_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $footer = $("#bloglo-footer");
|
|
|
|
if (!$footer.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_footer_border");
|
|
var style_css = "";
|
|
|
|
if (newval["border-top-width"]) {
|
|
style_css +=
|
|
"#colophon { " +
|
|
"border-top-width: " +
|
|
newval["border-top-width"] +
|
|
"px;" +
|
|
"border-top-style: " +
|
|
newval["border-style"] +
|
|
";" +
|
|
"border-top-color: " +
|
|
newval["border-color"] +
|
|
";" +
|
|
"}";
|
|
}
|
|
|
|
if (newval["border-bottom-width"]) {
|
|
style_css +=
|
|
"#colophon { " +
|
|
"border-bottom-width: " +
|
|
newval["border-bottom-width"] +
|
|
"px;" +
|
|
"border-bottom-style: " +
|
|
newval["border-style"] +
|
|
";" +
|
|
"border-bottom-color: " +
|
|
newval["border-color"] +
|
|
";" +
|
|
"}";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Copyright layout.
|
|
*/
|
|
api("bloglo_copyright_layout", function (value) {
|
|
value.bind(function (newval) {
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-copyright-layout-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-copyright-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Copyright separator.
|
|
*/
|
|
api("bloglo_copyright_separator", function (value) {
|
|
value.bind(function (newval) {
|
|
var $copyright = $("#bloglo-copyright");
|
|
|
|
if (!$copyright.length) {
|
|
return;
|
|
}
|
|
|
|
$copyright.removeClass("fw-separator contained-separator");
|
|
|
|
if ("none" !== newval) {
|
|
$copyright.addClass(newval);
|
|
}
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Copyright visibility.
|
|
*/
|
|
api("bloglo_copyright_visibility", function (value) {
|
|
value.bind(function (newval) {
|
|
bloglo_print_visibility_classes($("#bloglo-copyright"), newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Copyright background.
|
|
*/
|
|
api("bloglo_copyright_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $copyright = $("#bloglo-copyright");
|
|
|
|
if (!$copyright.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_copyright_background");
|
|
var style_css = bloglo_design_options_css(
|
|
"#bloglo-copyright",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Copyright text color.
|
|
*/
|
|
api("bloglo_copyright_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $copyright = $("#bloglo-copyright");
|
|
|
|
if (!$copyright.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_copyright_text_color");
|
|
var style_css = "";
|
|
|
|
newval["text-color"] = newval["text-color"]
|
|
? newval["text-color"]
|
|
: "inherit";
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: "inherit";
|
|
|
|
// Text color.
|
|
style_css += "#bloglo-copyright { color: " + newval["text-color"] + "; }";
|
|
|
|
// Link color.
|
|
style_css +=
|
|
"#bloglo-copyright a { color: " + newval["link-color"] + "; }";
|
|
|
|
// Link hover color.
|
|
style_css +=
|
|
"#bloglo-copyright a:hover, #bloglo-copyright .bloglo-social-nav > ul > li > a .bloglo-icon.bottom-icon, #bloglo-copyright li.current_page_item > a, #bloglo-copyright .bloglo-nav > ul > li.current-menu-item > a, #bloglo-copyright .bloglo-nav > ul > li.current-menu-ancestor > a #bloglo-copyright .bloglo-nav > ul > li:hover > a, #bloglo-copyright .bloglo-social-nav > ul > li > a .bloglo-icon.bottom-icon { color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Container width.
|
|
*/
|
|
api("bloglo_container_width", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_container_width");
|
|
var style_css;
|
|
|
|
style_css =
|
|
".bloglo-container," +
|
|
".alignfull > div { " +
|
|
"max-width: " +
|
|
newval.value +
|
|
"px;" +
|
|
"}";
|
|
|
|
style_css +=
|
|
".bloglo-layout__boxed #page, .bloglo-layout__boxed.bloglo-sticky-header.bloglo-is-mobile #bloglo-header-inner, " +
|
|
".bloglo-layout__boxed.bloglo-sticky-header:not(.bloglo-header-layout-3) #bloglo-header-inner, " +
|
|
".bloglo-layout__boxed.bloglo-sticky-header:not(.bloglo-is-mobile).bloglo-header-layout-3 #bloglo-header-inner .bloglo-nav-container > .bloglo-container { max-width: " +
|
|
(parseInt(newval.value) + 100) +
|
|
"px; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transparent Header Logo max height.
|
|
*/
|
|
api("bloglo_tsp_logo_max_height", function (value) {
|
|
value.bind(function (newval) {
|
|
var $logo = $(".bloglo-tsp-header .bloglo-logo");
|
|
|
|
if (!$logo.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_tsp_logo_max_height");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
".bloglo-tsp-header .bloglo-logo img",
|
|
"max-height",
|
|
newval,
|
|
true,
|
|
"px"
|
|
);
|
|
style_css += bloglo_range_field_css(
|
|
".bloglo-tsp-header .bloglo-logo img.bloglo-svg-logo",
|
|
"height",
|
|
newval,
|
|
true,
|
|
"px"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transparent Header Logo margin.
|
|
*/
|
|
api("bloglo_tsp_logo_margin", function (value) {
|
|
value.bind(function (newval) {
|
|
var $logo = $(".bloglo-tsp-header .bloglo-logo");
|
|
|
|
if (!$logo.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_tsp_logo_margin");
|
|
|
|
var style_css = bloglo_spacing_field_css(
|
|
".bloglo-tsp-header .bloglo-logo .logo-inner",
|
|
"margin",
|
|
newval,
|
|
true
|
|
);
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transparent header - Main Header & Topbar background.
|
|
*/
|
|
api("bloglo_tsp_header_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $tsp_header = $(".bloglo-tsp-header");
|
|
|
|
if (!$tsp_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_tsp_header_background");
|
|
|
|
var style_css = "";
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-tsp-header #bloglo-header-inner",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transparent header - Main Header & Topbar font color.
|
|
*/
|
|
api("bloglo_tsp_header_font_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $tsp_header = $(".bloglo-tsp-header");
|
|
|
|
if (!$tsp_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_tsp_header_font_color");
|
|
|
|
var style_css = "";
|
|
|
|
newval["text-color"] = newval["text-color"]
|
|
? newval["text-color"]
|
|
: "inherit";
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: "inherit";
|
|
|
|
/** Header **/
|
|
|
|
// Text color.
|
|
style_css +=
|
|
".bloglo-tsp-header .bloglo-logo .site-description { color: " +
|
|
newval["text-color"] +
|
|
"; }";
|
|
|
|
// Link color.
|
|
if (newval["link-color"]) {
|
|
style_css +=
|
|
".bloglo-tsp-header #bloglo-header, " +
|
|
".bloglo-tsp-header .bloglo-header-widgets a:not(.bloglo-btn), " +
|
|
".bloglo-tsp-header .bloglo-logo a," +
|
|
".bloglo-tsp-header .bloglo-hamburger, " +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li > a { color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
style_css +=
|
|
".bloglo-tsp-header .hamburger-inner," +
|
|
".bloglo-tsp-header .hamburger-inner::before," +
|
|
".bloglo-tsp-header .hamburger-inner::after { background-color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
}
|
|
|
|
// Link hover color.
|
|
if (newval["link-hover-color"]) {
|
|
style_css +=
|
|
".bloglo-tsp-header .bloglo-header-widgets a:not(.bloglo-btn):hover, " +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-header-widgets .bloglo-active," +
|
|
".bloglo-tsp-header .bloglo-logo .site-title a:hover, " +
|
|
".bloglo-tsp-header .bloglo-hamburger:hover .hamburger-label, " +
|
|
".is-mobile-menu-active .bloglo-tsp-header .bloglo-hamburger .hamburger-label," +
|
|
".bloglo-tsp-header.using-keyboard .site-title a:focus," +
|
|
".bloglo-tsp-header.using-keyboard .bloglo-header-widgets a:not(.bloglo-btn):focus," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.hovered > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li > a:hover," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.menu-item-has-children:hover > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.current-menu-item > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.current-menu-ancestor > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.page_item_has_children:hover > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.current_page_item > a," +
|
|
".bloglo-tsp-header #bloglo-header-inner .bloglo-nav > ul > li.current_page_ancestor > a { color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
|
|
style_css +=
|
|
".bloglo-tsp-header .bloglo-hamburger:hover .hamburger-inner," +
|
|
".bloglo-tsp-header .bloglo-hamburger:hover .hamburger-inner::before," +
|
|
".bloglo-tsp-header .bloglo-hamburger:hover .hamburger-inner::after," +
|
|
".is-mobile-menu-active .bloglo-tsp-header .bloglo-hamburger .hamburger-inner," +
|
|
".is-mobile-menu-active .bloglo-tsp-header .bloglo-hamburger .hamburger-inner::before," +
|
|
".is-mobile-menu-active .bloglo-tsp-header .bloglo-hamburger .hamburger-inner::after { background-color: " +
|
|
newval["link-hover-color"] +
|
|
"; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Transparent header - Main Header & Topbar border.
|
|
*/
|
|
api("bloglo_tsp_header_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $tsp_header = $(".bloglo-tsp-header");
|
|
|
|
if (!$tsp_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_tsp_header_border");
|
|
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-tsp-header #bloglo-header-inner",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
// Separator color.
|
|
newval["separator-color"] = newval["separator-color"]
|
|
? newval["separator-color"]
|
|
: "inherit";
|
|
style_css +=
|
|
".bloglo-tsp-header .bloglo-header-widget:after { background-color: " +
|
|
newval["separator-color"] +
|
|
"; }";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page Header layout.
|
|
*/
|
|
api("bloglo_page_header_alignment", function (value) {
|
|
value.bind(function (newval) {
|
|
if ($body.hasClass("single-post")) {
|
|
return;
|
|
}
|
|
|
|
$body.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)bloglo-page-title-align-\S+/g) || []
|
|
).join(" ");
|
|
});
|
|
|
|
$body.addClass("bloglo-page-title-align-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page Header spacing.
|
|
*/
|
|
api("bloglo_page_header_spacing", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_header = $(".page-header");
|
|
|
|
if (!$page_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_page_header_spacing");
|
|
|
|
var style_css = bloglo_spacing_field_css(
|
|
".bloglo-page-title-align-left .page-header.bloglo-has-page-title, .bloglo-page-title-align-right .page-header.bloglo-has-page-title, .bloglo-page-title-align-center .page-header .bloglo-page-header-wrapper",
|
|
"padding",
|
|
newval,
|
|
true
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page Header background.
|
|
*/
|
|
api("bloglo_page_header_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_header = $(".page-header");
|
|
|
|
if (!$page_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_page_header_background");
|
|
|
|
var style_css = "";
|
|
style_css += bloglo_design_options_css(
|
|
".page-header",
|
|
newval,
|
|
"background"
|
|
);
|
|
style_css += bloglo_design_options_css(
|
|
".bloglo-tsp-header:not(.bloglo-tsp-absolute) #masthead",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Header Text color.
|
|
*/
|
|
api("bloglo_page_header_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_header = $(".page-header");
|
|
|
|
if (!$page_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_page_header_text_color");
|
|
var style_css = "";
|
|
|
|
newval["text-color"] = newval["text-color"]
|
|
? newval["text-color"]
|
|
: "inherit";
|
|
newval["link-color"] = newval["link-color"]
|
|
? newval["link-color"]
|
|
: "inherit";
|
|
newval["link-hover-color"] = newval["link-hover-color"]
|
|
? newval["link-hover-color"]
|
|
: "inherit";
|
|
|
|
// Text color.
|
|
style_css +=
|
|
".page-header .page-title { color: " + newval["text-color"] + "; }";
|
|
style_css +=
|
|
".page-header .bloglo-page-header-description" +
|
|
"{ color: " +
|
|
bloglo_hex2rgba(newval["text-color"], 0.75) +
|
|
"}";
|
|
|
|
// Link color.
|
|
style_css +=
|
|
".page-header .bloglo-breadcrumbs a" +
|
|
"{ color: " +
|
|
newval["link-color"] +
|
|
"; }";
|
|
|
|
style_css +=
|
|
".page-header .bloglo-breadcrumbs span," +
|
|
".page-header .breadcrumb-trail .trail-items li::after, .page-header .bloglo-breadcrumbs .separator" +
|
|
"{ color: " +
|
|
bloglo_hex2rgba(newval["link-color"], 0.75) +
|
|
"}";
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page Header border.
|
|
*/
|
|
api("bloglo_page_header_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_header = $(".page-header");
|
|
|
|
if (!$page_header.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_page_header_border");
|
|
var style_css = bloglo_design_options_css(
|
|
".page-header",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Breadcrumbs alignment.
|
|
*/
|
|
api("bloglo_breadcrumbs_alignment", function (value) {
|
|
value.bind(function (newval) {
|
|
var $breadcrumbs = $("#main > .bloglo-breadcrumbs > .bloglo-container");
|
|
|
|
if (!$breadcrumbs.length) {
|
|
return;
|
|
}
|
|
|
|
$breadcrumbs.removeClass(function (index, className) {
|
|
return (className.match(/(^|\s)bloglo-text-align\S+/g) || []).join(" ");
|
|
});
|
|
|
|
$breadcrumbs.addClass("bloglo-text-align-" + newval);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Breadcrumbs spacing.
|
|
*/
|
|
api("bloglo_breadcrumbs_spacing", function (value) {
|
|
value.bind(function (newval) {
|
|
var $breadcrumbs = $(".bloglo-breadcrumbs");
|
|
|
|
if (!$breadcrumbs.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_breadcrumbs_spacing");
|
|
|
|
var style_css = bloglo_spacing_field_css(
|
|
".bloglo-breadcrumbs",
|
|
"padding",
|
|
newval,
|
|
true
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Breadcrumbs Background.
|
|
*/
|
|
api("bloglo_breadcrumbs_background", function (value) {
|
|
value.bind(function (newval) {
|
|
var $breadcrumbs = $(".bloglo-breadcrumbs");
|
|
|
|
if (!$breadcrumbs.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_breadcrumbs_background");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-breadcrumbs",
|
|
newval,
|
|
"background"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Breadcrumbs Text Color.
|
|
*/
|
|
api("bloglo_breadcrumbs_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
var $breadcrumbs = $(".bloglo-breadcrumbs");
|
|
|
|
if (!$breadcrumbs.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_breadcrumbs_text_color");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-breadcrumbs",
|
|
newval,
|
|
"color"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Breadcrumbs Border.
|
|
*/
|
|
api("bloglo_breadcrumbs_border", function (value) {
|
|
value.bind(function (newval) {
|
|
var $breadcrumbs = $(".bloglo-breadcrumbs");
|
|
|
|
if (!$breadcrumbs.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_breadcrumbs_border");
|
|
var style_css = bloglo_design_options_css(
|
|
".bloglo-breadcrumbs",
|
|
newval,
|
|
"border"
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Base HTML font size.
|
|
*/
|
|
api("bloglo_html_base_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_html_base_font_size");
|
|
var style_css = bloglo_range_field_css(
|
|
"html",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
"%"
|
|
);
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Font smoothing.
|
|
*/
|
|
api("bloglo_font_smoothing", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_font_smoothing");
|
|
|
|
if (newval) {
|
|
$style_tag.html(
|
|
"*," +
|
|
"*::before," +
|
|
"*::after {" +
|
|
"-moz-osx-font-smoothing: grayscale;" +
|
|
"-webkit-font-smoothing: antialiased;" +
|
|
"}"
|
|
);
|
|
} else {
|
|
$style_tag.html(
|
|
"*," +
|
|
"*::before," +
|
|
"*::after {" +
|
|
"-moz-osx-font-smoothing: auto;" +
|
|
"-webkit-font-smoothing: auto;" +
|
|
"}"
|
|
);
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_html_base_font_size");
|
|
var style_css = bloglo_range_field_css(
|
|
"html",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
"%"
|
|
);
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Body font.
|
|
*/
|
|
api("bloglo_body_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_body_font");
|
|
var style_css = bloglo_typography_field_css("body", newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Headings font.
|
|
*/
|
|
api("bloglo_headings_font", function (value) {
|
|
var style_css, selector;
|
|
value.bind(function (newval) {
|
|
selector =
|
|
"h1, .h1, .bloglo-logo .site-title, .page-header h1.page-title";
|
|
selector += ", h2, .h2, .woocommerce div.product h1.product_title";
|
|
selector += ", h3, .h3, .woocommerce #reviews #comments h2";
|
|
selector +=
|
|
", h4, .h4, .woocommerce .cart_totals h2, .woocommerce .cross-sells > h4, .woocommerce #reviews #respond .comment-reply-title";
|
|
selector += ", h5, h6, .h5, .h6";
|
|
|
|
style_css = bloglo_typography_field_css(selector, newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_headings_font");
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 1 font.
|
|
*/
|
|
api("bloglo_h1_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h1_font");
|
|
|
|
var style_css = bloglo_typography_field_css(
|
|
"h1, .h1, .bloglo-logo .site-title, .page-header h1.page-title",
|
|
newval
|
|
);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 2 font.
|
|
*/
|
|
api("bloglo_h2_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h2_font");
|
|
|
|
var style_css = bloglo_typography_field_css(
|
|
"h2, .h2, .woocommerce div.product h1.product_title",
|
|
newval
|
|
);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 3 font.
|
|
*/
|
|
api("bloglo_h3_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h3_font");
|
|
|
|
var style_css = bloglo_typography_field_css(
|
|
"h3, .h3, .woocommerce #reviews #comments h2",
|
|
newval
|
|
);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 4 font.
|
|
*/
|
|
api("bloglo_h4_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h4_font");
|
|
|
|
var style_css = bloglo_typography_field_css(
|
|
"h4, .h4, .woocommerce .cart_totals h2, .woocommerce .cross-sells > h4, .woocommerce #reviews #respond .comment-reply-title",
|
|
newval
|
|
);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 5 font.
|
|
*/
|
|
api("bloglo_h5_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h5_font");
|
|
var style_css = bloglo_typography_field_css("h5, .h5", newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading 6 font.
|
|
*/
|
|
api("bloglo_h6_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_h6_font");
|
|
var style_css = bloglo_typography_field_css("h6, .h6", newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Heading emphasized font.
|
|
*/
|
|
api("bloglo_heading_em_font", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_heading_em_font");
|
|
var style_css = bloglo_typography_field_css(
|
|
"h1 em, h2 em, h3 em, h4 em, h5 em, h6 em, .h1 em, .h2 em, .h3 em, .h4 em, .h5 em, .h6 em, .bloglo-logo .site-title em, .error-404 .page-header h1 em",
|
|
newval
|
|
);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Sidebar widget title font size.
|
|
*/
|
|
api("bloglo_sidebar_widget_title_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $widget_title = $(
|
|
"#main .widget-title, .widget-area .wp-block-heading"
|
|
);
|
|
|
|
if (!$widget_title.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_sidebar_widget_title_font_size"
|
|
);
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
"#main .widget-title, .widget-area .wp-block-heading",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Footer widget title font size.
|
|
*/
|
|
api("bloglo_footer_widget_title_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $widget_title = $(
|
|
"#colophon .widget-title, #colophon .wp-block-heading"
|
|
);
|
|
|
|
if (!$widget_title.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_footer_widget_title_font_size");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
"#colophon .widget-title, #colophon .wp-block-heading",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Page title font size.
|
|
*/
|
|
api("bloglo_page_header_font_size", function (value) {
|
|
value.bind(function (newval) {
|
|
var $page_title = $(".page-header .page-title");
|
|
|
|
if (!$page_title.length) {
|
|
return;
|
|
}
|
|
|
|
$style_tag = bloglo_get_style_tag("bloglo_page_header_font_size");
|
|
var style_css = "";
|
|
|
|
style_css += bloglo_range_field_css(
|
|
"#page .page-header .page-title",
|
|
"font-size",
|
|
newval,
|
|
true,
|
|
newval.unit
|
|
);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
var $btn_selectors =
|
|
".bloglo-btn, " +
|
|
"body:not(.wp-customizer) input[type=submit], " +
|
|
".site-main .woocommerce #respond input#submit, " +
|
|
".site-main .woocommerce a.button, " +
|
|
".site-main .woocommerce button.button, " +
|
|
".site-main .woocommerce input.button, " +
|
|
".woocommerce ul.products li.product .added_to_cart, " +
|
|
".woocommerce ul.products li.product .button, " +
|
|
".woocommerce div.product form.cart .button, " +
|
|
".woocommerce #review_form #respond .form-submit input, " +
|
|
"#infinite-handle span";
|
|
|
|
var $btn_hover_selectors =
|
|
".bloglo-btn:hover, " +
|
|
".bloglo-btn:focus, " +
|
|
"body:not(.wp-customizer) input[type=submit]:hover, " +
|
|
"body:not(.wp-customizer) input[type=submit]:focus, " +
|
|
".site-main .woocommerce #respond input#submit:hover, " +
|
|
".site-main .woocommerce #respond input#submit:focus, " +
|
|
".site-main .woocommerce a.button:hover, " +
|
|
".site-main .woocommerce a.button:focus, " +
|
|
".site-main .woocommerce button.button:hover, " +
|
|
".site-main .woocommerce button.button:focus, " +
|
|
".site-main .woocommerce input.button:hover, " +
|
|
".site-main .woocommerce input.button:focus, " +
|
|
".woocommerce ul.products li.product .added_to_cart:hover, " +
|
|
".woocommerce ul.products li.product .added_to_cart:focus, " +
|
|
".woocommerce ul.products li.product .button:hover, " +
|
|
".woocommerce ul.products li.product .button:focus, " +
|
|
".woocommerce div.product form.cart .button:hover, " +
|
|
".woocommerce div.product form.cart .button:focus, " +
|
|
".woocommerce #review_form #respond .form-submit input:hover, " +
|
|
".woocommerce #review_form #respond .form-submit input:focus, " +
|
|
"#infinite-handle span:hover";
|
|
|
|
/**
|
|
* Primary button background color.
|
|
*/
|
|
api("bloglo_primary_button_bg_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_bg_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_selectors + "{ background-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button hover background color.
|
|
*/
|
|
api("bloglo_primary_button_hover_bg_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_hover_bg_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_hover_selectors + " { background-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button text color.
|
|
*/
|
|
api("bloglo_primary_button_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_text_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_selectors + " { color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button hover text color.
|
|
*/
|
|
api("bloglo_primary_button_hover_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_primary_button_hover_text_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_hover_selectors + " { color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button border width.
|
|
*/
|
|
api("bloglo_primary_button_border_width", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_border_width");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_selectors + " { border-width: " + newval.value + "rem; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button border radius.
|
|
*/
|
|
api("bloglo_primary_button_border_radius", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_border_radius");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_selectors +
|
|
" { " +
|
|
"border-top-left-radius: " +
|
|
newval["top-left"] +
|
|
"rem;" +
|
|
"border-top-right-radius: " +
|
|
newval["top-right"] +
|
|
"rem;" +
|
|
"border-bottom-left-radius: " +
|
|
newval["bottom-left"] +
|
|
"rem;" +
|
|
"border-bottom-right-radius: " +
|
|
newval["bottom-right"] +
|
|
"rem; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button border color.
|
|
*/
|
|
api("bloglo_primary_button_border_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_border_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_selectors + " { border-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button hover border color.
|
|
*/
|
|
api("bloglo_primary_button_hover_border_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_primary_button_hover_border_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_hover_selectors + " { border-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Primary button typography.
|
|
*/
|
|
api("bloglo_primary_button_typography", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_primary_button_typography");
|
|
var style_css = bloglo_typography_field_css($btn_selectors, newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
// Secondary button.
|
|
var $btn_sec_selectors = ".btn-secondary, .bloglo-btn.btn-secondary";
|
|
|
|
var $btn_sec_hover_selectors =
|
|
".btn-secondary:hover, " +
|
|
".btn-secondary:focus, " +
|
|
".bloglo-btn.btn-secondary:hover, " +
|
|
".bloglo-btn.btn-secondary:focus";
|
|
|
|
/**
|
|
* Secondary button background color.
|
|
*/
|
|
api("bloglo_secondary_button_bg_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_secondary_button_bg_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_sec_selectors + "{ background-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button hover background color.
|
|
*/
|
|
api("bloglo_secondary_button_hover_bg_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_secondary_button_hover_bg_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_sec_hover_selectors + "{ background-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button text color.
|
|
*/
|
|
api("bloglo_secondary_button_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_secondary_button_text_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_sec_selectors + "{ color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button hover text color.
|
|
*/
|
|
api("bloglo_secondary_button_hover_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_secondary_button_hover_text_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_sec_hover_selectors + "{ color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button border width.
|
|
*/
|
|
api("bloglo_secondary_button_border_width", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_secondary_button_border_width");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_sec_selectors + " { border-width: " + newval.value + "rem; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button border radius.
|
|
*/
|
|
api("bloglo_secondary_button_border_radius", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_secondary_button_border_radius"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_sec_selectors +
|
|
" { " +
|
|
"border-top-left-radius: " +
|
|
newval["top-left"] +
|
|
"rem;" +
|
|
"border-top-right-radius: " +
|
|
newval["top-right"] +
|
|
"rem;" +
|
|
"border-bottom-left-radius: " +
|
|
newval["bottom-left"] +
|
|
"rem;" +
|
|
"border-bottom-right-radius: " +
|
|
newval["bottom-right"] +
|
|
"rem; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button border color.
|
|
*/
|
|
api("bloglo_secondary_button_border_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_secondary_button_border_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_sec_selectors + " { border-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button hover border color.
|
|
*/
|
|
api("bloglo_secondary_button_hover_border_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag(
|
|
"bloglo_secondary_button_hover_border_color"
|
|
);
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css =
|
|
$btn_sec_hover_selectors + " { border-color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Secondary button typography.
|
|
*/
|
|
api("bloglo_secondary_button_typography", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_secondary_button_typography");
|
|
var style_css = bloglo_typography_field_css($btn_sec_selectors, newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
// Text button.
|
|
var $btn_text_selectors = ".bloglo-btn.btn-text-1, .btn-text-1";
|
|
|
|
var $btn_text_hover_selectors =
|
|
".bloglo-btn.btn-text-1:hover, .bloglo-btn.btn-text-1:focus, .btn-text-1:hover, .btn-text-1:focus";
|
|
|
|
/**
|
|
* Text button text color.
|
|
*/
|
|
api("bloglo_text_button_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_text_button_text_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_text_selectors + "{ color: " + newval + "; }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Text button hover text color.
|
|
*/
|
|
api("bloglo_text_button_hover_text_color", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_text_button_hover_text_color");
|
|
var style_css = "";
|
|
|
|
if (newval) {
|
|
style_css = $btn_text_hover_selectors + "{ color: " + newval + "; }";
|
|
style_css +=
|
|
".bloglo-btn.btn-text-1 > span::before { background-color: " +
|
|
newval +
|
|
" }";
|
|
}
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Text button typography.
|
|
*/
|
|
api("bloglo_text_button_typography", function (value) {
|
|
value.bind(function (newval) {
|
|
$style_tag = bloglo_get_style_tag("bloglo_text_button_typography");
|
|
var style_css = bloglo_typography_field_css($btn_text_selectors, newval);
|
|
|
|
bloglo_enqueue_google_font(newval["font-family"]);
|
|
|
|
$style_tag.html(style_css);
|
|
});
|
|
});
|
|
|
|
/**
|
|
* Section Heading Style Enable.
|
|
*/
|
|
api("bloglo_section_heading_style", function (value) {
|
|
value.bind(function (newval) {
|
|
$body
|
|
.removeClass(function (index, className) {
|
|
return (
|
|
className.match(/(^|\s)is-section-heading-init-s\S+/g) || []
|
|
).join(" ");
|
|
})
|
|
.addClass(
|
|
"is-section-heading-init-s" +
|
|
api.value("bloglo_section_heading_style")()
|
|
);
|
|
});
|
|
});
|
|
|
|
// Selective refresh.
|
|
if (api.selectiveRefresh) {
|
|
// Bind partial content rendered event.
|
|
api.selectiveRefresh.bind("partial-content-rendered", function (placement) {
|
|
// Hero Hover Slider.
|
|
if (
|
|
"bloglo_hero_hover_slider_post_number" === placement.partial.id ||
|
|
"bloglo_hero_hover_slider_elements" === placement.partial.id
|
|
) {
|
|
document
|
|
.querySelectorAll(placement.partial.params.selector)
|
|
.forEach((item) => {
|
|
blogloHoverSlider(item);
|
|
});
|
|
|
|
// Force refresh height.
|
|
api("bloglo_hero_hover_slider_height", function (newval) {
|
|
newval.callbacks.fireWith(newval, [newval.get()]);
|
|
});
|
|
}
|
|
|
|
// Preloader style.
|
|
if ("bloglo_preloader_style" === placement.partial.id) {
|
|
$body.removeClass("bloglo-loaded");
|
|
|
|
setTimeout(function () {
|
|
window.bloglo.preloader();
|
|
}, 300);
|
|
}
|
|
});
|
|
}
|
|
|
|
// Custom Customizer Preview class (attached to the Customize API)
|
|
api.blogloCustomizerPreview = {
|
|
// Init
|
|
init: function () {
|
|
var self = this; // Store a reference to "this"
|
|
var previewBody = self.preview.body;
|
|
|
|
previewBody.on("click", ".bloglo-set-widget", function () {
|
|
self.preview.send("set-footer-widget", $(this).data("sidebar-id"));
|
|
});
|
|
},
|
|
};
|
|
|
|
/**
|
|
* Capture the instance of the Preview since it is private (this has changed in WordPress 4.0)
|
|
*
|
|
* @see https://github.com/WordPress/WordPress/blob/5cab03ab29e6172a8473eb601203c9d3d8802f17/wp-admin/js/customize-controls.js#L1013
|
|
*/
|
|
var blogloOldPreview = api.Preview;
|
|
api.Preview = blogloOldPreview.extend({
|
|
initialize: function (params, options) {
|
|
// Store a reference to the Preview
|
|
api.blogloCustomizerPreview.preview = this;
|
|
|
|
// Call the old Preview's initialize function
|
|
blogloOldPreview.prototype.initialize.call(this, params, options);
|
|
},
|
|
});
|
|
|
|
// Document ready
|
|
$(function () {
|
|
// Initialize our Preview
|
|
api.blogloCustomizerPreview.init();
|
|
});
|
|
})(jQuery);
|