<?php $qode_custom_sidebars = array(); foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { $qode_custom_sidebars[$sidebar['id']] = ucwords($sidebar['name']); } } $qode_blog_categories = array(); $categories = get_categories(); foreach ($categories as $category) { $qode_blog_categories[$category->term_id] = $category->name; } //Qode Slide Type $qodeSlideType = new QodeMetaBox("slides", "Qode Slide Type"); $qodeFramework->qodeMetaBoxes->addMetaBox("slides_type", $qodeSlideType); $qode_slide_background_type = new QodeMetaField("imagevideo", "qode_slide-background-type", "image", "Slide Background Type", "Do you want to upload an image or video?", array(), array("dependence" => true, "dependence_hide_on_yes" => "#qodef-meta-box-slides_video_settings", "dependence_show_on_yes" => "#qodef-meta-box-slides_image_settings")); $qodeSlideType->addChild("qode_slide-background-type", $qode_slide_background_type); //Qode Slide Image $qodeSlideImageSettings = new QodeMetaBox("slides", "Qode Slide Image", "qode_slide-background-type", array("video")); $qodeFramework->qodeMetaBoxes->addMetaBox("slides_image_settings", $qodeSlideImageSettings); $qode_slide_image = new QodeMetaField("image", "qode_slide-image", "", "Slide Image", "Choose background image"); $qodeSlideImageSettings->addChild("qode_title-image", $qode_slide_image); $qode_slide_overlay_image = new QodeMetaField("image", "qode_slide-overlay-image", "", "Overlay Image", "Choose overlay image (pattern) for background image"); $qodeSlideImageSettings->addChild("qode_slide-overlay-image", $qode_slide_overlay_image); $qode_enable_image_animation = new QodeMetaField("yesno", "qode_enable_image_animation", "no", "Enable Image Animation", "Enabling this option will turn on a motion animation on the slide image", array(), array("dependence" => "true", "dependence_hide_on_yes" => "", "dependence_show_on_yes" => "#qodef_qode_enable_image_animation_container")); $qodeSlideImageSettings->addChild('qode_enable_image_animation', $qode_enable_image_animation); $qode_enable_image_animation_container = new QodeContainer("qode_enable_image_animation_container", "qode_enable_image_animation", "no"); $qodeSlideImageSettings->addChild("qode_enable_image_animation_container", $qode_enable_image_animation_container); $qode_enable_image_animation_type = new QodeMetaField("select", "qode_enable_image_animation_type", "zoom_center", "Animation Type", "", array("zoom_center" => "Zoom In Center", "zoom_top_left" => "Zoom In to Top Left", "zoom_top_right" => "Zoom In to Top Right", "zoom_bottom_left" => "Zoom In to Bottom Left", "zoom_bottom_right" => "Zoom In to Bottom Right")); $qode_enable_image_animation_container->addChild("qode_enable_image_animation_type", $qode_enable_image_animation_type);
/** * @see Walker::start_el() * @since 3.0.0 * * @param string $output Passed by reference. Used to append additional content. * @param object $item Menu item data object. * @param int $depth Depth of menu item. Used for padding. * @param object $args */ function start_el(&$output, $item, $depth = 0, $args = array(), $id = 0) { global $_wp_nav_menu_max_depth; $_wp_nav_menu_max_depth = $depth > $_wp_nav_menu_max_depth ? $depth : $_wp_nav_menu_max_depth; $indent = $depth ? str_repeat("\t", $depth) : ''; ob_start(); $item_id = esc_attr($item->ID); $removed_args = array('action', 'customlink-tab', 'edit-menu-item', 'menu-item', 'page-tab', '_wpnonce'); $original_title = ''; if ('taxonomy' == $item->type) { $original_title = get_term_field('name', $item->object_id, $item->object, 'raw'); if (is_wp_error($original_title)) { $original_title = false; } } elseif ('post_type' == $item->type) { $original_object = get_post($item->object_id); $original_title = $original_object->post_title; } $classes = array('menu-item menu-item-depth-' . $depth, 'menu-item-' . esc_attr($item->object), 'menu-item-edit-' . (isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? 'active' : 'inactive')); $title = $item->title; if (!empty($item->_invalid)) { $classes[] = 'menu-item-invalid'; /* translators: %s: title of menu item which is invalid */ $title = sprintf(__('%s (Invalid)', 'qode'), $item->title); } elseif (isset($item->post_status) && 'draft' == $item->post_status) { $classes[] = 'pending'; /* translators: %s: title of menu item in draft status */ $title = sprintf(__('%s (Pending)', 'qode'), $item->title); } $title = empty($item->label) ? $title : $item->label; ?> <li id="menu-item-<?php echo $item_id; ?> " class="<?php echo implode(' ', $classes); ?> "> <dl class="menu-item-bar"> <dt class="menu-item-handle"> <span class="item-title"><?php echo esc_html($title); ?> </span> <span class="item-controls"> <span class="item-type"><?php echo esc_html($item->type_label); ?> </span> <span class="item-order hide-if-js"> <a href="<?php echo wp_nonce_url(add_query_arg(array('action' => 'move-up-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item'); ?> " class="item-move-up"><abbr title="<?php esc_attr_e('Move up', 'qode'); ?> ">↑</abbr></a> | <a href="<?php echo wp_nonce_url(add_query_arg(array('action' => 'move-down-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'move-menu_item'); ?> " class="item-move-down"><abbr title="<?php esc_attr_e('Move down', 'qode'); ?> ">↓</abbr></a> </span> <a class="item-edit" id="edit-<?php echo $item_id; ?> " title="<?php esc_attr_e('Edit Menu Item', 'qode'); ?> " href="<?php echo isset($_GET['edit-menu-item']) && $item_id == $_GET['edit-menu-item'] ? admin_url('nav-menus.php') : add_query_arg('edit-menu-item', $item_id, remove_query_arg($removed_args, admin_url('nav-menus.php#menu-item-settings-' . $item_id))); ?> "><?php _e('Edit Menu Item', 'qode'); ?> </a> </span> </dt> </dl> <div class="menu-item-settings" id="menu-item-settings-<?php echo $item_id; ?> "> <?php if ('custom' == $item->type) { ?> <p class="field-url description description-wide"> <label for="edit-menu-item-url-<?php echo $item_id; ?> "> <?php _e('URL', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-url-<?php echo $item_id; ?> " class="widefat code edit-menu-item-url" name="menu-item-url[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->url); ?> " /> </label> </p> <?php } ?> <p class="description description-thin"> <label for="edit-menu-item-title-<?php echo $item_id; ?> "> <?php _e('Navigation Label', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-title-<?php echo $item_id; ?> " class="widefat edit-menu-item-title" name="menu-item-title[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->title); ?> " /> </label> </p> <p class="description description-thin"> <label for="edit-menu-item-attr-title-<?php echo $item_id; ?> "> <?php _e('Title Attribute', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-attr-title-<?php echo $item_id; ?> " class="widefat edit-menu-item-attr-title" name="menu-item-attr-title[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->post_excerpt); ?> " /> </label> </p> <p class="field-link-target description"> <label for="edit-menu-item-target-<?php echo $item_id; ?> "> <input type="checkbox" id="edit-menu-item-target-<?php echo $item_id; ?> " value="_blank" name="menu-item-target[<?php echo $item_id; ?> ]"<?php checked($item->target, '_blank'); ?> /> <?php _e('Open link in a new window/tab', 'qode'); ?> </label> </p> <p class="field-css-classes description description-thin"> <label for="edit-menu-item-classes-<?php echo $item_id; ?> "> <?php _e('CSS Classes (optional)', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-classes-<?php echo $item_id; ?> " class="widefat code edit-menu-item-classes" name="menu-item-classes[<?php echo $item_id; ?> ]" value="<?php echo esc_attr(implode(' ', $item->classes)); ?> " /> </label> </p> <p class="field-xfn description description-thin"> <label for="edit-menu-item-xfn-<?php echo $item_id; ?> "> <?php _e('Link Relationship (XFN)', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-xfn-<?php echo $item_id; ?> " class="widefat code edit-menu-item-xfn" name="menu-item-xfn[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->xfn); ?> " /> </label> </p> <p class="field-description description description-wide"> <label for="edit-menu-item-description-<?php echo $item_id; ?> "> <?php _e('Description', 'qode'); ?> <br /> <textarea id="edit-menu-item-description-<?php echo $item_id; ?> " class="widefat edit-menu-item-description" rows="3" cols="20" name="menu-item-description[<?php echo $item_id; ?> ]"><?php echo esc_html($item->description); // textarea_escaped ?> </textarea> <span class="description"><?php _e('The description will be displayed in the menu if the current theme supports it.', 'qode'); ?> </span> </label> </p> <?php /* New fields insertion starts here */ ?> <p class="field-custom description description-thin description-thin-custom"> <label for="edit-menu-item-anchor-<?php echo $item_id; ?> "> <?php _e('Anchor', 'qode'); ?> <br /> <input type="text" id="edit-menu-item-anchor-<?php echo $item_id; ?> " class="widefat code edit-menu-item-anchor" name="menu-item-anchor[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->anchor); ?> " /> </label> </p> <p class="field-custom description description-wide"> <?php $value = $item->nolink; if ($value != "") { $value = "checked='checked'"; } ?> <label for="edit-menu-item-nolink-<?php echo $item_id; ?> "> <input type="checkbox" id="edit-menu-item-nolink-<?php echo $item_id; ?> " class="code edit-menu-item-custom" name="menu-item-nolink[<?php echo $item_id; ?> ]" value="nolink" <?php echo $value; ?> /> <?php _e("Don't link", 'qode'); ?> </label> </p> <p class="field-custom description description-wide"> <?php $value = $item->hide; if ($value != "") { $value = "checked='checked'"; } ?> <label for="edit-menu-item-hide-<?php echo $item_id; ?> "> <input type="checkbox" id="edit-menu-item-hide-<?php echo $item_id; ?> " class="code edit-menu-item-custom" name="menu-item-hide[<?php echo $item_id; ?> ]" value="hide" <?php echo $value; ?> /> <?php _e("Don't show", 'qode'); ?> </label> </p> <p class="field-custom description description-thin description-thin-custom"> <label for="edit-menu-item-type-menu-<?php echo $item_id; ?> "> <?php _e('Type', 'qode'); ?> <br /> <select id="edit-menu-item-type-menu<?php echo $item_id; ?> " name="menu-item-type_menu[<?php echo $item_id; ?> ]"> <option value="" <?php if (esc_attr($item->type_menu) == "") { echo 'selected="selected"'; } ?> ></option> <option value="wide" <?php if (esc_attr($item->type_menu) == "wide") { echo 'selected="selected"'; } ?> >wide</option> <option value="wide_icons" <?php if (esc_attr($item->type_menu) == "wide_icons") { echo 'selected="selected"'; } ?> >wide with icons</option> </select> </label> </p> <p class="field-custom description description-thin description-thin-custom"> <label for="edit-menu-item-icon-<?php echo $item_id; ?> "> <?php _e('Icon', 'qode'); ?> <br /> <select id="edit-menu-item-icon<?php echo $item_id; ?> " name="menu-item-icon[<?php echo $item_id; ?> ]"> <option value="" <?php if (esc_attr($item->icon) == "") { echo 'selected="selected"'; } ?> ></option> <?php $fa_icons = getFontAwesomeIconArray(); foreach ($fa_icons as $key => $value) { ?> <option value="<?php echo $key; ?> " <?php if (esc_attr($item->icon) == $key) { echo 'selected="selected"'; } ?> ><?php echo $key; ?> </option> <?php } ?> </select> <br/><?php _e('Only with "wide with icons" menu type', 'qode'); ?> </label> </p> <p class="field-custom description description-thin description-thin-custom"> </p> <p class="field-custom description description-thin description-thin-custom"> <label for="edit-menu-item-sidebar-<?php echo $item_id; ?> "> <?php _e('Custom widget area', 'qode'); ?> <br /> <select id="edit-menu-item-sidebar<?php echo $item_id; ?> " name="menu-item-sidebar[<?php echo $item_id; ?> ]"> <option value="" <?php if (esc_attr($item->sidebar) == "") { echo 'selected="selected"'; } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (esc_attr($item->sidebar) == ucwords($sidebar['id'])) { ?> selected="selected" <?php } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> <br/><?php _e('Only with "wide & wide with icons" menu type', 'qode'); ?> </label> </p> <?php /* New fields insertion ends here */ ?> <div class="menu-item-actions description-wide submitbox"> <?php if ('custom' != $item->type && $original_title !== false) { ?> <p class="link-to-original"> <?php printf(__('Original: %s', 'qode'), '<a href="' . esc_attr($item->url) . '">' . esc_html($original_title) . '</a>'); ?> </p> <?php } ?> <a class="item-delete submitdelete deletion" id="delete-<?php echo $item_id; ?> " href="<?php echo wp_nonce_url(add_query_arg(array('action' => 'delete-menu-item', 'menu-item' => $item_id), remove_query_arg($removed_args, admin_url('nav-menus.php'))), 'delete-menu_item_' . $item_id); ?> "><?php _e('Remove', 'qode'); ?> </a> <span class="meta-sep"> | </span> <a class="item-cancel submitcancel" id="cancel-<?php echo $item_id; ?> " href="<?php echo esc_url(add_query_arg(array('edit-menu-item' => $item_id, 'cancel' => time()), remove_query_arg($removed_args, admin_url('nav-menus.php')))); ?> #menu-item-settings-<?php echo $item_id; ?> "><?php _e('Cancel', 'qode'); ?> </a> </div> <input class="menu-item-data-db-id" type="hidden" name="menu-item-db-id[<?php echo $item_id; ?> ]" value="<?php echo $item_id; ?> " /> <input class="menu-item-data-object-id" type="hidden" name="menu-item-object-id[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->object_id); ?> " /> <input class="menu-item-data-object" type="hidden" name="menu-item-object[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->object); ?> " /> <input class="menu-item-data-parent-id" type="hidden" name="menu-item-parent-id[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->menu_item_parent); ?> " /> <input class="menu-item-data-position" type="hidden" name="menu-item-position[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->menu_order); ?> " /> <input class="menu-item-data-type" type="hidden" name="menu-item-type[<?php echo $item_id; ?> ]" value="<?php echo esc_attr($item->type); ?> " /> </div><!-- .menu-item-settings--> <ul class="menu-item-transport"></ul> <?php $output .= ob_get_clean(); }
/** * Display the new Custom Fields meta box */ function displayCustomFields() { global $post; global $qode_options_river; ?> <div class="form-wrap"> <?php wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true); foreach ($this->customFields as $customField) { // Check scope $scope = $customField['scope']; $output = false; foreach ($scope as $scopeItem) { switch ($scopeItem) { default: if ($post->post_type == $scopeItem) { $output = true; } break; } if ($output) { break; } } // Check capability if (!current_user_can($customField['capability'], $post->ID)) { $output = false; } // Output if allowed if ($output) { ?> <div class="form-field form-required"> <?php switch ($customField['type']) { case "checkbox": // Checkbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; break; case "selectbox": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="default" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") { ?> selected="selected" <?php } ?> >No Sidebar</option> <option value="1" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") { ?> selected="selected" <?php } ?> >Sidebar 1/3 right</option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >Sidebar 1/4 right</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >Sidebar 1/3 left</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >Sidebar 1/4 left</option> <?php echo '</select>'; break; case "selectbox_title_style": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="1" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") { ?> selected="selected" <?php } ?> >Standard</option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >With breadcrumb in title</option> <?php echo '</select>'; break; case "selectbox-featured-image": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; break; case "selectbox-slider": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; break; case "selectbox-category": $categories = get_categories(); echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; echo '<option value=""></option>'; foreach ($categories as $category) { echo '<option value="' . $category->term_id . '"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) { echo 'selected="selected"'; } echo '>'; echo $category->name . '</option>'; } echo '</select>'; break; case "selectbox-portfolio-single": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="1" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") { ?> selected="selected" <?php } ?> >Portfolio small images</option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >Portfolio small slider</option> <option value="5" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "5") { ?> selected="selected" <?php } ?> >Portfolio big images</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >Portfolio big slider</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >Portfolio custom</option> <option value="6" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "6") { ?> selected="selected" <?php } ?> >Portfolio gallery</option> <?php echo '</select>'; break; case "selectbox-portfolio-columns-number": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >2 Columns</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >3 Columns</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >4 Columns</option> <?php echo '</select>'; break; case "selectbox-portfolio-list-page": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']); wp_dropdown_pages($args); break; case "selectbox-animation": $page_transitions = "2"; if (isset($qode_options_river['page_transitions'])) { $page_transitions = $qode_options_river['page_transitions']; } if ($page_transitions == "1" || $page_transitions == "2" || $page_transitions == "3" || $page_transitions == "4") { // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") { ?> selected="selected" <?php } ?> ></option> <option value="no_animation" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no_animation") { ?> selected="selected" <?php } ?> >No animation</option> <option value="updown" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown") { ?> selected="selected" <?php } ?> >Up / Down</option> <option value="fade" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") { ?> selected="selected" <?php } ?> >Fade</option> <option value="updown_fade" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown_fade") { ?> selected="selected" <?php } ?> >Up/Down (In) / Fade (Out)</option> <option value="leftright" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "leftright") { ?> selected="selected" <?php } ?> >Left / Right</option> <?php echo '</select>'; } break; case "selectbox-responsive-title-image": echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; break; case "selectbox-fixed-title-image": echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; break; case "image-title-image": echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="title_image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; break; case "selectbox-sidebar": // Selectbox echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">'; echo '<option value=""></option>'; foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) { ?> selected="selected" <?php } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } echo '</select>'; break; case "datepicker": // Datepicker echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; break; case "colorpicker": //Colorpicker echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />'; break; case "textarea": case "wysiwyg": // Text area echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>'; // WYSIWYG if ($customField['type'] == "wysiwyg") { ?> <script type="text/javascript"> jQuery( document ).ready( function() { jQuery( "<?php echo $this->prefix . $customField['name']; ?> " ).addClass( "mceEditor" ); if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) { tinyMCE.execCommand( "mceAddControl", false, "<?php echo $this->prefix . $customField['name']; ?> " ); } }); </script> <?php } break; default: // Plain text field echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; break; } ?> <?php if ($customField['description']) { echo '<p>' . $customField['description'] . '</p>'; } ?> </div> <?php } } ?> </div> <?php }
function general_options_contentbox($options) { global $fontArrays; ?> <div class="sections"> <h3>Global options</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('First main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['first_color']) { echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[first_color]" type="text" value="<?php if ($options['first_color']) { echo esc_attr($options['first_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose first main color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Second main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['second_color']) { echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[second_color]" type="text" value="<?php if ($options['second_color']) { echo esc_attr($options['second_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose second main color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Third main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['third_color']) { echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[third_color]" type="text" value="<?php if (isset($options['third_color'])) { if ($options['third_color']) { echo esc_attr($options['third_color'], 'qode'); } } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose third main color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color']) { echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[background_color]" type="text" value="<?php if ($options['background_color']) { echo esc_attr($options['background_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose background color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Boxed background color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color_box']) { echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[background_color_box]" type="text" value="<?php if (isset($options['background_color_box'])) { echo esc_attr($options['background_color_box'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose boxed background color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Highlight color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['highlight_color']) { echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[highlight_color]" type="text" value="<?php if ($options['highlight_color']) { echo esc_attr($options['highlight_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose highlight color', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Selection color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['selection_color']) { echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[selection_color]" type="text" value="<?php if ($options['selection_color']) { echo esc_attr($options['selection_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Choose selection color', 'qode'); ?> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 600px;"> <input type="text" id="background_image" name="qode_options_satellite[background_image]" class="background_image" value="<?php if (isset($options['background_image'])) { echo esc_attr($options['background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Pattern background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 600px;"> <input type="text" id="pattern_background_image" name="qode_options_satellite[pattern_background_image]" class="pattern_background_image" value="<?php if (isset($options['pattern_background_image'])) { echo esc_attr($options['pattern_background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Favicon image', 'qode'); ?> </td> <td> <div class="inline" style="width: 600px;"> <input type="text" id="favicon_image" name="qode_options_satellite[favicon_image]" class="favicon_image" value="<?php if ($options['favicon_image']) { echo esc_attr($options['favicon_image'], 'qode'); } else { echo QODE_ROOT . "/img/favicon.ico"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google fonts', 'qode'); ?> </td> <td> <select name="qode_options_satellite[google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> <?php esc_html_e('Choose Font', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page transition', 'qode'); ?> </td> <td> <select name="qode_options_satellite[page_transitions]"> <option <?php if ($options['page_transitions'] == 0) { echo "selected='selected'"; } ?> value="0">No animation</option> <option <?php if ($options['page_transitions'] == 1) { echo "selected='selected'"; } ?> value="1">Up/Down</option> <option <?php if ($options['page_transitions'] == 2) { echo "selected='selected'"; } ?> value="2">Fade</option> <option <?php if ($options['page_transitions'] == 3) { echo "selected='selected'"; } ?> value="3">Up/Down (In) / Fade (Out)</option> <option <?php if ($options['page_transitions'] == 4) { echo "selected='selected'"; } ?> value="4">Left/Right</option> </select> <?php esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Boxed', 'qode'); ?> </td> <td> <select name="qode_options_satellite[boxed]"> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading animation', 'qode'); ?> </td> <td> <select name="qode_options_satellite[loading_animation]"> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading image', 'qode'); ?> </td> <td> <div class="inline" style="width: 600px;"> <input type="text" id="loading_image" name="qode_options_satellite[loading_image]" class="loading_image" value="<?php if (isset($options['loading_image'])) { echo esc_attr($options['loading_image'], 'qode'); } else { echo QODE_ROOT . "/img/ajax-loader.gif"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Smooth scroll', 'qode'); ?> </td> <td> <select name="qode_options_satellite[smooth_scroll]"> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> <?php esc_html_e('not on iOS devices', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Responsiveness', 'qode'); ?> </td> <td> <select name="qode_options_satellite[responsiveness]"> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show back button', 'qode'); ?> </td> <td> <select name="qode_options_satellite[show_back_button]"> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google Analytics Account ID', 'qode'); ?> </td> <td> <input name="qode_options_satellite[google_analytics_code]" type="text" value="<?php if (isset($options['google_analytics_code'])) { echo esc_attr($options['google_analytics_code'], 'qode'); } ?> " size="63" maxlength="500" /> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="internal_no_ajax_links" name="qode_options_satellite[internal_no_ajax_links]" cols="60" rows="5"><?php if (isset($options['internal_no_ajax_links'])) { echo esc_attr($options['internal_no_ajax_links'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom css', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_css" name="qode_options_satellite[custom_css]" cols="60" rows="5"><?php if ($options['custom_css']) { echo esc_attr($options['custom_css'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom js', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_js" name="qode_options_satellite[custom_js]" cols="60" rows="5"><?php if ($options['custom_js']) { echo esc_attr($options['custom_js'], 'qode'); } ?> </textarea> </div><br/> <?php esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode'); ?> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Keywords', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_keywords" name="qode_options_satellite[meta_keywords]" cols="60" rows="5"><?php if ($options['meta_keywords']) { echo esc_attr($options['meta_keywords'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Description', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_description" name="qode_options_satellite[meta_description]" cols="60" rows="5"><?php if ($options['meta_description']) { echo esc_attr($options['meta_description'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Disable Qode SEO', 'qode'); ?> </td> <td> <select name="qode_options_satellite[disable_qode_seo]"> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>General font options</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Headings</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H1 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h1_color']) { echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h1_color]" type="text" value="<?php if ($options['h1_color']) { echo esc_attr($options['h1_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h1_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h1_fontsize]" type="text" value="<?php if ($options['h1_fontsize']) { echo esc_attr($options['h1_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h1_lineheight]" type="text" value="<?php if ($options['h1_lineheight']) { echo esc_attr($options['h1_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h1_fontstyle]"> <option <?php if ($options['h1_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h1_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h1_fontweight]"> <option <?php if ($options['h1_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h1_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h1_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h1_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h1_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h1_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h1_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h1_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H2 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h2_color']) { echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h2_color]" type="text" value="<?php if ($options['h2_color']) { echo esc_attr($options['h2_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h2_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h2_fontsize]" type="text" value="<?php if ($options['h2_fontsize']) { echo esc_attr($options['h2_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h2_lineheight]" type="text" value="<?php if ($options['h2_lineheight']) { echo esc_attr($options['h2_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h2_fontstyle]"> <option <?php if ($options['h2_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h2_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h2_fontweight]"> <option <?php if ($options['h2_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h2_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h2_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h2_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h2_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h2_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h2_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h2_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H3 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h3_color']) { echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h3_color]" type="text" value="<?php if ($options['h3_color']) { echo esc_attr($options['h3_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h3_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h3_fontsize]" type="text" value="<?php if ($options['h3_fontsize']) { echo esc_attr($options['h3_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h3_lineheight]" type="text" value="<?php if ($options['h3_lineheight']) { echo esc_attr($options['h3_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h3_fontstyle]"> <option <?php if ($options['h3_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h3_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h3_fontweight]"> <option <?php if ($options['h3_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h3_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h3_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h3_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h3_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h3_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h3_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h3_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H4 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h4_color']) { echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h4_color]" type="text" value="<?php if ($options['h4_color']) { echo esc_attr($options['h4_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h4_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h4_fontsize]" type="text" value="<?php if ($options['h4_fontsize']) { echo esc_attr($options['h4_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h4_lineheight]" type="text" value="<?php if ($options['h4_lineheight']) { echo esc_attr($options['h4_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h4_fontstyle]"> <option <?php if ($options['h4_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h4_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h4_fontweight]"> <option <?php if ($options['h4_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h4_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h4_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h4_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h4_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h4_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h4_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h4_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H5 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h5_color']) { echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h5_color]" type="text" value="<?php if ($options['h5_color']) { echo esc_attr($options['h5_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h5_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h5_fontsize]" type="text" value="<?php if ($options['h5_fontsize']) { echo esc_attr($options['h5_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h5_lineheight]" type="text" value="<?php if ($options['h5_lineheight']) { echo esc_attr($options['h5_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h5_fontstyle]"> <option <?php if ($options['h5_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h5_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h5_fontweight]"> <option <?php if ($options['h5_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h5_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h5_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h5_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h5_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h5_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h5_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h5_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H6 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h6_color']) { echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[h6_color]" type="text" value="<?php if ($options['h6_color']) { echo esc_attr($options['h6_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[h6_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[h6_fontsize]" type="text" value="<?php if ($options['h6_fontsize']) { echo esc_attr($options['h6_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[h6_lineheight]" type="text" value="<?php if ($options['h6_lineheight']) { echo esc_attr($options['h6_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[h6_fontstyle]"> <option <?php if ($options['h6_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h6_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[h6_fontweight]"> <option <?php if ($options['h6_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h6_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h6_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h6_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h6_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h6_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h6_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h6_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Text</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['text_color']) { echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[text_color]" type="text" value="<?php if ($options['text_color']) { echo esc_attr($options['text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[text_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[text_fontsize]" type="text" value="<?php if ($options['text_fontsize']) { echo esc_attr($options['text_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[text_lineheight]" type="text" value="<?php if ($options['text_lineheight']) { echo esc_attr($options['text_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[text_fontstyle]"> <option <?php if ($options['text_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['text_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[text_fontweight]"> <option <?php if ($options['text_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['text_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['text_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['text_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['text_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['text_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['text_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['text_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Top/Bottom margin (px)', 'qode'); ?> <input name="qode_options_satellite[text_margin]" type="text" value="<?php if (isset($options['text_margin'])) { echo esc_attr($options['text_margin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Link style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_color']) { echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[link_color]" type="text" value="<?php if ($options['link_color']) { echo esc_attr($options['link_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_hovercolor']) { echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[link_hovercolor]" type="text" value="<?php if ($options['link_hovercolor']) { echo esc_attr($options['link_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[link_fontstyle]"> <option <?php if ($options['link_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['link_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[link_fontweight]"> <option <?php if ($options['link_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['link_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['link_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['link_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['link_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['link_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['link_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['link_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Font decoration', 'qode'); ?> <select name="qode_options_satellite[link_fontdecoration]"> <option <?php if ($options['link_fontdecoration'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontdecoration'] == "none") { echo "selected='selected'"; } ?> value="none">none</option> <option <?php if ($options['link_fontdecoration'] == "bold") { echo "selected='selected'"; } ?> value="underline">underline</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Page title</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page title style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['page_title_color']) { echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[page_title_color]" type="text" value="<?php if ($options['page_title_color']) { echo esc_attr($options['page_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[page_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[page_title_fontsize]" type="text" value="<?php if ($options['page_title_fontsize']) { echo esc_attr($options['page_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[page_title_lineheight]" type="text" value="<?php if ($options['page_title_lineheight']) { echo esc_attr($options['page_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[page_title_fontstyle]"> <option <?php if ($options['page_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['page_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[page_title_fontweight]"> <option <?php if ($options['page_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['page_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['page_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['page_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['page_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['page_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['page_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['page_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Page Subtitle</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page subtitle style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['page_subtitle_color'])) { if ($options['page_subtitle_color']) { echo 'background-color:' . esc_attr($options['page_subtitle_color'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_satellite[page_subtitle_color]" type="text" value="<?php if (isset($options['page_subtitle_color'])) { if ($options['page_subtitle_color']) { echo esc_attr($options['page_subtitle_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[page_subtitle_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['page_subtitle_google_fonts'])) { if ($options['page_subtitle_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[page_subtitle_fontsize]" type="text" value="<?php if (isset($options['page_subtitle_fontsize'])) { if ($options['page_subtitle_fontsize']) { echo esc_attr($options['page_subtitle_fontsize'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[page_subtitle_lineheight]" type="text" value="<?php if (isset($options['page_subtitle_lineheight'])) { if ($options['page_subtitle_lineheight']) { echo esc_attr($options['page_subtitle_lineheight'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[page_subtitle_fontstyle]"> <option <?php if (isset($options['page_subtitle_fontstyle'])) { if ($options['page_subtitle_fontstyle'] == "") { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['page_subtitle_fontstyle'])) { if ($options['page_subtitle_fontstyle'] == "normal") { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['page_subtitle_fontstyle'])) { if ($options['page_subtitle_fontstyle'] == "italic") { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[page_subtitle_fontweight]"> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "") { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "200") { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "300") { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "400") { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "500") { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "600") { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "700") { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "800") { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['page_subtitle_fontweight'])) { if ($options['page_subtitle_fontweight'] == "900") { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Header and Footer</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Header</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[header_in_grid]"> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show header top area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[header_top_area]"> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Menu in center', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[menu_in_center]"> <option <?php if (isset($options['menu_in_center'])) { if ($options['menu_in_center'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['menu_in_center'])) { if ($options['menu_in_center'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Background color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_background_color']) { echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[header_background_color]" type="text" value="<?php if (isset($options['header_background_color'])) { echo esc_attr($options['header_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scroll', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_background_color_scroll'])) { if ($options['header_background_color_scroll']) { echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_satellite[header_background_color_scroll]" type="text" value="<?php if (isset($options['header_background_color_scroll'])) { echo esc_attr($options['header_background_color_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Transparency', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <input name="qode_options_satellite[header_background_transparency_initial]" type="text" value="<?php if (isset($options['header_background_transparency_initial'])) { echo esc_attr($options['header_background_transparency_initial'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scroll', 'qode'); ?> <input name="qode_options_satellite[header_background_transparency_scroll]" type="text" value="<?php if (isset($options['header_background_transparency_scroll'])) { echo esc_attr($options['header_background_transparency_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <?php esc_html_e('(from 0 to 1)', 'qode'); ?> </td> </tr> <tr> <td valign="top" width="150"><?php esc_html_e('Logo', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Logo image', 'qode'); ?> <input type="text" id="logo_image" name="qode_options_satellite[logo_image]" class="logo_image" value="<?php if ($options['logo_image']) { echo esc_attr($options['logo_image'], 'qode'); } else { echo QODE_ROOT . "/img/logo.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Header height', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial (px)', 'qode'); ?> <input name="qode_options_satellite[header_height]" type="text" value="<?php if (isset($options['header_height'])) { echo esc_attr($options['header_height'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scroll (px)', 'qode'); ?> <input name="qode_options_satellite[header_height_scroll]" type="text" value="<?php if (isset($options['header_height_scroll'])) { echo esc_attr($options['header_height_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Dropdown main menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_background_color'])) { echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_background_color]" type="text" value="<?php if (isset($options['dropdown_background_color'])) { echo esc_attr($options['dropdown_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Separator color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_separator_color'])) { echo 'background-color:' . esc_attr($options['dropdown_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_separator_color]" type="text" value="<?php if (isset($options['dropdown_separator_color'])) { echo esc_attr($options['dropdown_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('1st level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['menu_color']) { echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[menu_color]" type="text" value="<?php if ($options['menu_color']) { echo esc_attr($options['menu_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['menu_hovercolor'])) { echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[menu_hovercolor]" type="text" value="<?php if (isset($options['menu_hovercolor'])) { echo esc_attr($options['menu_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[menu_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[menu_fontsize]" type="text" value="<?php if ($options['menu_fontsize']) { echo esc_attr($options['menu_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[menu_lineheight]" type="text" value="<?php if ($options['menu_lineheight']) { echo esc_attr($options['menu_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[menu_fontstyle]"> <option <?php if ($options['menu_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['menu_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[menu_fontweight]"> <option <?php if ($options['menu_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['menu_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['menu_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['menu_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['menu_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['menu_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['menu_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['menu_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('2nd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color'])) { echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_color]" type="text" value="<?php if (isset($options['dropdown_color'])) { echo esc_attr($options['dropdown_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_hovercolor]" type="text" value="<?php if (isset($options['dropdown_hovercolor'])) { echo esc_attr($options['dropdown_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[dropdown_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[dropdown_fontsize]" type="text" value="<?php if ($options['dropdown_fontsize']) { echo esc_attr($options['dropdown_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[dropdown_lineheight]" type="text" value="<?php if ($options['dropdown_lineheight']) { echo esc_attr($options['dropdown_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[dropdown_fontstyle]"> <option <?php if ($options['dropdown_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['dropdown_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[dropdown_fontweight]"> <option <?php if ($options['dropdown_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['dropdown_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['dropdown_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['dropdown_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['dropdown_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['dropdown_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['dropdown_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['dropdown_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('3rd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_color_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo esc_attr($options['dropdown_color_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[dropdown_hovercolor_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[dropdown_google_fonts_thirdlvl]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['dropdown_google_fonts_thirdlvl'])) { $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl']; if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[dropdown_fontsize_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_fontsize_thirdlvl'])) { echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[dropdown_lineheight_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_lineheight_thirdlvl'])) { echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[dropdown_fontstyle_thirdlvl]"> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[dropdown_fontweight_thirdlvl]"> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mobile menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_color'])) { echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[mobile_color]" type="text" value="<?php if (isset($options['mobile_color'])) { echo esc_attr($options['mobile_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_hovercolor'])) { echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[mobile_hovercolor]" type="text" value="<?php if (isset($options['mobile_hovercolor'])) { echo esc_attr($options['mobile_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[mobile_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['mobile_google_fonts'])) { $mobile_google_fonts = $options['mobile_google_fonts']; if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[mobile_fontsize]" type="text" value="<?php if (isset($options['mobile_fontsize'])) { echo esc_attr($options['mobile_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[mobile_lineheight]" type="text" value="<?php if (isset($options['mobile_lineheight'])) { echo esc_attr($options['mobile_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[mobile_fontstyle]"> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[mobile_fontweight]"> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div><br /><br /> <div class="inline"> <?php esc_html_e('Separator color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_separator_color'])) { echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[mobile_separator_color]" type="text" value="<?php if (isset($options['mobile_separator_color'])) { echo esc_attr($options['mobile_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['title_background_color'])) { echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[title_background_color]" type="text" value="<?php if (isset($options['title_background_color'])) { echo esc_attr($options['title_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Responsive title image', 'qode'); ?> <select name="qode_options_satellite[responsive_title_image]"> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 600px;"> <?php esc_html_e('Title image', 'qode'); ?> <input type="text" id="title_image" name="qode_options_satellite[title_image]" class="title_image" value="<?php if (isset($options['title_image'])) { echo esc_attr($options['title_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Parallax title image', 'qode'); ?> <select name="qode_options_satellite[fixed_title_image]"> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <div class="inline"> <?php esc_html_e('Title height (px)', 'qode'); ?> <input name="qode_options_satellite[title_height]" type="text" value="<?php if (isset($options['title_height'])) { echo esc_attr($options['title_height'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Title position', 'qode'); ?> <select name="qode_options_satellite[page_title_position]"> <option <?php if ($options['page_title_position'] == 0) { echo "selected='selected'"; } ?> value="0"></option> <option <?php if ($options['page_title_position'] == 1) { echo "selected='selected'"; } ?> value="1">Left</option> <option <?php if ($options['page_title_position'] == 2) { echo "selected='selected'"; } ?> value="2">Center</option> <option <?php if ($options['page_title_position'] == 3) { echo "selected='selected'"; } ?> value="3">Right</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Footer</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer top', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[show_footer_top]"> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer bottom', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[footer_text]"> <option <?php if ($options['footer_text'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['footer_text'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer top colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Title color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_title_color']) { echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[footer_top_title_color]" type="text" value="<?php if ($options['footer_top_title_color']) { echo esc_attr($options['footer_top_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_text_color']) { echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[footer_top_text_color]" type="text" value="<?php if ($options['footer_top_text_color']) { echo esc_attr($options['footer_top_text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_background_color']) { echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[footer_top_background_color]" type="text" value="<?php if ($options['footer_top_background_color']) { echo esc_attr($options['footer_top_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer bottom colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_text_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[footer_bottom_text_color]" type="text" value="<?php if ($options['footer_bottom_text_color']) { echo esc_attr($options['footer_bottom_text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_background_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[footer_bottom_background_color]" type="text" value="<?php if (isset($options['footer_bottom_background_color'])) { echo esc_attr($options['footer_bottom_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Header and Footer</h2></td></tr> <tr> <td scope="row" width="150"><?php esc_html_e('Header and Footer Separator Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['header_footer_separator_color']) && $options['header_footer_separator_color']) { echo 'background-color:' . esc_attr($options['header_footer_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[header_footer_separator_color]" type="text" value="<?php if (isset($options['header_footer_separator_color']) && $options['header_footer_separator_color']) { echo esc_attr($options['header_footer_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Elements</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Separator</h2></td></tr> <tr valign="middle"> <td valign="middle"><?php esc_html_e('Big separator', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['separator_color'])) { echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[separator_color]" type="text" value="<?php if (isset($options['separator_color'])) { echo esc_attr($options['separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Thickness (px)', 'qode'); ?> <input name="qode_options_satellite[separator_thickness]" type="text" value="<?php if ($options['separator_thickness']) { echo esc_attr($options['separator_thickness'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Top margin (px)', 'qode'); ?> <input name="qode_options_satellite[separator_topmargin]" type="text" value="<?php if ($options['separator_topmargin']) { echo esc_attr($options['separator_topmargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bottom margin (px)', 'qode'); ?> <input name="qode_options_satellite[separator_bottommargin]" type="text" value="<?php if ($options['separator_bottommargin']) { echo esc_attr($options['separator_bottommargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Buttons</h2></td></tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Button style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_color']) { echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[button_title_color]" type="text" value="<?php if ($options['button_title_color']) { echo esc_attr($options['button_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_hovercolor']) { echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[button_title_hovercolor]" type="text" value="<?php if ($options['button_title_hovercolor']) { echo esc_attr($options['button_title_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[button_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[button_title_fontsize]" type="text" value="<?php if ($options['button_title_fontsize']) { echo esc_attr($options['button_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[button_title_lineheight]" type="text" value="<?php if ($options['button_title_lineheight']) { echo esc_attr($options['button_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[button_title_fontstyle]"> <option <?php if ($options['button_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['button_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[button_title_fontweight]"> <option <?php if ($options['button_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['button_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['button_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['button_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['button_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['button_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['button_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['button_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_backgroundcolor']) { echo 'background-color:' . esc_attr($options['button_backgroundcolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[button_backgroundcolor]" type="text" value="<?php if ($options['button_backgroundcolor']) { echo esc_attr($options['button_backgroundcolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Message box</h2></td></tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Message box style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_title_color']) { echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[message_title_color]" type="text" value="<?php if ($options['message_title_color']) { echo esc_attr($options['message_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_satellite[message_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_satellite[message_title_fontsize]" type="text" value="<?php if ($options['message_title_fontsize']) { echo esc_attr($options['message_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_satellite[message_title_lineheight]" type="text" value="<?php if ($options['message_title_lineheight']) { echo esc_attr($options['message_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_satellite[message_title_fontstyle]"> <option <?php if ($options['message_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['message_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_satellite[message_title_fontweight]"> <option <?php if ($options['message_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['message_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['message_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['message_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['message_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['message_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['message_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['message_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_backgroundcolor']) { echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[message_backgroundcolor]" type="text" class="colorpicker-input" value="<?php if ($options['message_backgroundcolor']) { echo esc_attr($options['message_backgroundcolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['message_bordercolor']) && $options['message_bordercolor']) { echo 'background-color:' . esc_attr($options['message_bordercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[message_bordercolor]" type="text" class="colorpicker-input" value="<?php if (isset($options['message_bordercolor']) && $options['message_bordercolor']) { echo esc_attr($options['message_bordercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Blockquote</h2></td></tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Text style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['blockquote_font_color']) { echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[blockquote_font_color]" type="text" value="<?php if ($options['blockquote_font_color']) { echo esc_attr($options['blockquote_font_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Smooth Scroll</h2></td></tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Smooth scroll style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['smooth_background_color']) { echo 'background-color:' . esc_attr($options['smooth_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[smooth_background_color]" type="text" value="<?php if (isset($options['smooth_background_color'])) { if ($options['smooth_background_color']) { echo esc_attr($options['smooth_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bar color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['smooth_bar_color']) { echo 'background-color:' . esc_attr($options['smooth_bar_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[smooth_bar_color]" type="text" value="<?php if (isset($options['smooth_bar_color'])) { if ($options['smooth_bar_color']) { echo esc_attr($options['smooth_bar_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Side Area</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Side Area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[enable_side_area]"> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Side Area Title', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_satellite[side_area_title]" type="text" value="<?php if (isset($options['side_area_title'])) { if ($options['side_area_title']) { echo esc_attr($options['side_area_title'], 'qode'); } } ?> " /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_background_color']) && $options['side_area_background_color']) { echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[side_area_background_color]" type="text" value="<?php if (isset($options['side_area_background_color'])) { if ($options['side_area_background_color']) { echo esc_attr($options['side_area_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_text_color']) && $options['side_area_text_color']) { echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[side_area_text_color]" type="text" value="<?php if (isset($options['side_area_text_color'])) { if ($options['side_area_text_color']) { echo esc_attr($options['side_area_text_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Parallax</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax speed', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_satellite[parallax_speed]" type="text" value="<?php if ($options['parallax_speed']) { echo esc_attr($options['parallax_speed'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax on touch devices', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[parallax_onoff]"> <option <?php if ($options['parallax_onoff'] == "on") { echo "selected='selected'"; } ?> value="on">on</option> <option <?php if ($options['parallax_onoff'] == "off") { echo "selected='selected'"; } ?> value="off">off</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax min height (px)', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_satellite[parallax_minheight]" type="text" value="<?php if ($options['parallax_minheight']) { echo esc_attr($options['parallax_minheight'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Set min-height for last two stages', 'qode'); ?> </div> </td> </tr> </tbody> </table> </div> <h3>Portfolio</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Portfolio single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Portfolio style', 'qode'); ?> </td> <td> <select name="qode_options_satellite[portfolio_style]"> <option <?php if ($options['portfolio_style'] == 1) { echo "selected='selected'"; } ?> value="1">Portfolio small images</option> <option <?php if ($options['portfolio_style'] == 2) { echo "selected='selected'"; } ?> value="2">Portfolio small slider</option> <option <?php if ($options['portfolio_style'] == 5) { echo "selected='selected'"; } ?> value="5">Portfolio big images</option> <option <?php if ($options['portfolio_style'] == 3) { echo "selected='selected'"; } ?> value="3">Portfolio big slider</option> <option <?php if ($options['portfolio_style'] == 4) { echo "selected='selected'"; } ?> value="4">Portfolio custom</option> <option <?php if ($options['portfolio_style'] == 6) { echo "selected='selected'"; } ?> value="6">Portfolio gallery</option> </select> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Lightbox for single project', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[lightbox_single_project]"> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Number of columns for Portfolio gallery style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_satellite[portfolio_columns_number]"> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 2) { echo "selected='selected'"; } } ?> value="2">2 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 3) { echo "selected='selected'"; } } ?> value="3">3 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 4) { echo "selected='selected'"; } } ?> value="4">4 columns</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Blog</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Blog list</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pagination', 'qode'); ?> </td> <td> <select name="qode_options_satellite[pagination]"> <option <?php if ($options['pagination'] == 0) { echo "selected='selected'"; } ?> value="0">No</option> <option <?php if ($options['pagination'] == 1) { echo "selected='selected'"; } ?> value="1">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Choose blog layout', 'qode'); ?> </td> <td> <select name="qode_options_satellite[blog_style]"> <option <?php if ($options['blog_style'] == 1) { echo "selected='selected'"; } ?> value="1"><?php esc_html_e('Blog Full Width Image', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 2) { echo "selected='selected'"; } ?> value="2"><?php esc_html_e('Blog Small Image', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 3) { echo "selected='selected'"; } ?> value="3"><?php esc_html_e('Blog Masonry', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 4) { echo "selected='selected'"; } ?> value="4"><?php esc_html_e('Blog Full Width Image Whole Post', 'qode'); ?> </option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog sidebar', 'qode'); ?> </td> <td> <select name="qode_options_satellite[category_blog_sidebar]"> <option <?php if ($options['category_blog_sidebar'] == "default") { echo "selected='selected'"; } ?> value="default">No Sidebar</option> <option <?php if ($options['category_blog_sidebar'] == 1) { echo "selected='selected'"; } ?> value="1">Sidebar 1/3 right</option> <option <?php if ($options['category_blog_sidebar'] == 2) { echo "selected='selected'"; } ?> value="2">Sidebar 1/4 right</option> <option <?php if ($options['category_blog_sidebar'] == 3) { echo "selected='selected'"; } ?> value="3">Sidebar 1/3 left</option> <option <?php if ($options['category_blog_sidebar'] == 4) { echo "selected='selected'"; } ?> value="4">Sidebar 1/4 left</option> </select> <?php esc_html_e('For category list', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Hide comments', 'qode'); ?> </td> <td> <select name="qode_options_satellite[blog_hide_comments]"> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page Range For Pagination', 'qode'); ?> </td> <td> <input name="qode_options_satellite[blog_page_range]" type="text" value="<?php if (isset($options['blog_page_range']) && $options['blog_page_range']) { echo esc_attr($options['blog_page_range'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of characters', 'qode'); ?> </td> <td> <input name="qode_options_satellite[number_of_chars]" type="text" class="colorpicker-input" value="<?php if ($options['number_of_chars']) { echo esc_attr($options['number_of_chars'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Number of characters in blog listing', 'qode'); ?> </td> </tr> <tr><td colspan='2'><h2>Blog single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar layout', 'qode'); ?> </td> <td> <select name="qode_options_satellite[blog_single_sidebar]"> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == "default") { echo "selected='selected'"; } } ?> value="default">No Sidebar</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 1) { echo "selected='selected'"; } } ?> value="1">Sidebar 1/3 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 2) { echo "selected='selected'"; } } ?> value="2">Sidebar 1/4 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 3) { echo "selected='selected'"; } } ?> value="3">Sidebar 1/3 left</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 4) { echo "selected='selected'"; } } ?> value="4">Sidebar 1/4 left</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_satellite[blog_single_sidebar_custom_display]"> <option value="" <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3><?php esc_html_e('Contact page', 'qode'); ?> </h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mail send to', 'qode'); ?> </td> <td> <input name="qode_options_satellite[receive_mail]" type="text" value="<?php if ($options['receive_mail']) { echo esc_attr($options['receive_mail'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Contact Form', 'qode'); ?> </td> <td> <select name="qode_options_satellite[enable_contact_form]"> <option <?php if ($options['enable_contact_form'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_contact_form'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Hide Website Field', 'qode'); ?> </td> <td> <select name="qode_options_satellite[hide_contact_form_website]"> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email From', 'qode'); ?> </td> <td> <input name="qode_options_satellite[email_from]" type="text" value="<?php if ($options['email_from']) { echo esc_attr($options['email_from'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email Subject', 'qode'); ?> </td> <td> <input name="qode_options_satellite[email_subject]" type="text" value="<?php if ($options['email_subject']) { echo esc_attr($options['email_subject'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Use reCaptcha', 'qode'); ?> </td> <td> <select name="qode_options_satellite[use_recaptcha]"> <option <?php if ($options['use_recaptcha'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['use_recaptcha'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha public key', 'qode'); ?> </td> <td> <input name="qode_options_satellite[recaptcha_public_key]" type="text" value="<?php if ($options['recaptcha_public_key']) { echo esc_attr($options['recaptcha_public_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha private key', 'qode'); ?> </td> <td> <input name="qode_options_satellite[recaptcha_private_key]" type="text" value="<?php if ($options['recaptcha_private_key']) { echo esc_attr($options['recaptcha_private_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Heading above contact form', 'qode'); ?> </td> <td> <input name="qode_options_satellite[contact_heading_above]" type="text" value="<?php if ($options['contact_heading_above']) { echo esc_attr($options['contact_heading_above'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Google Map', 'qode'); ?> </td> <td> <select name="qode_options_satellite[enable_google_map]"> <option <?php if ($options['enable_google_map'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_google_map'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <?php if ($options['enable_google_map'] == "yes") { ?> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pin image', 'qode'); ?> </td> <td> <div class="inline" style="width: 600px;"> <input type="text" id="google_maps_pin_image" name="qode_options_satellite[google_maps_pin_image]" class="google_maps_pin_image" value="<?php if (isset($options['google_maps_pin_image'])) { echo esc_attr($options['google_maps_pin_image'], 'qode'); } else { echo QODE_ROOT . "/img/pin.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address', 'qode'); ?> </td> <td> <input id="google_maps_address" name="qode_options_satellite[google_maps_address]" value="<?php if (isset($options['google_maps_address'])) { echo esc_attr($options['google_maps_address'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 2', 'qode'); ?> </td> <td> <input id="google_maps_address2" name="qode_options_satellite[google_maps_address2]" value="<?php if (isset($options['google_maps_address2'])) { echo esc_attr($options['google_maps_address2'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 3', 'qode'); ?> </td> <td> <input id="google_maps_address3" name="qode_options_satellite[google_maps_address3]" value="<?php if (isset($options['google_maps_address3'])) { echo esc_attr($options['google_maps_address3'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 4', 'qode'); ?> </td> <td> <input id="google_maps_address4" name="qode_options_satellite[google_maps_address4]" value="<?php if (isset($options['google_maps_address4'])) { echo esc_attr($options['google_maps_address4'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 5', 'qode'); ?> </td> <td> <input id="google_maps_address5" name="qode_options_satellite[google_maps_address5]" value="<?php if (isset($options['google_maps_address5'])) { echo esc_attr($options['google_maps_address5'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map zoom', 'qode'); ?> </td> <td> <input id="google_maps_zoom" name="qode_options_satellite[google_maps_zoom]" value="<?php if (isset($options['google_maps_zoom'])) { echo esc_attr($options['google_maps_zoom'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map height (px)', 'qode'); ?> </td> <td> <input id="google_maps_height" name="qode_options_satellite[google_maps_height]" value="<?php if (isset($options['google_maps_height'])) { echo esc_attr($options['google_maps_height'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map style', 'qode'); ?> </td> <td> <select name="qode_options_satellite[google_maps_style]"> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if ($options['google_maps_color']) { echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_satellite[google_maps_color]" type="text" value="<?php if (isset($options['google_maps_color'])) { if ($options['google_maps_color']) { echo esc_attr($options['google_maps_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map scroll on mouse wheel', 'qode'); ?> </td> <td> <select name="qode_options_satellite[google_maps_scroll_wheel]"> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <?php } ?> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>404 page</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <input name="qode_options_satellite[404_title]" type="text" value="<?php if ($options['404_title']) { echo esc_attr($options['404_title'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Subtitle', 'qode'); ?> </td> <td> <input name="qode_options_satellite[404_subtitle]" type="text" value="<?php if (isset($options['404_subtitle']) && $options['404_subtitle']) { echo esc_attr($options['404_subtitle'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Text', 'qode'); ?> </td> <td> <input name="qode_options_satellite[404_text]" type="text" value="<?php if ($options['404_text']) { echo esc_attr($options['404_text'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Back to home label', 'qode'); ?> </td> <td> <input name="qode_options_satellite[404_backlabel]" type="text" value="<?php if ($options['404_backlabel']) { echo esc_attr($options['404_backlabel'], 'qode'); } ?> " /> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Social</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Social Share', 'qode'); ?> </td> <td> <select name="qode_options_satellite[enable_social_share]"> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Facebook', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Facebook', 'qode'); ?> <select name="qode_options_satellite[enable_facebook_share]"> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 600px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="facebook_icon" name="qode_options_satellite[facebook_icon]" class="facebook_icon" value="<?php if (isset($options['facebook_icon'])) { echo esc_attr($options['facebook_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Twitter', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Twitter', 'qode'); ?> <select name="qode_options_satellite[enable_twitter_share]"> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 600px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="twitter_icon" name="qode_options_satellite[twitter_icon]" class="twitter_icon" value="<?php if (isset($options['twitter_icon'])) { echo esc_attr($options['twitter_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <div class="inline"> <?php esc_html_e('Via', 'qode'); ?> <input name="qode_options_satellite[twitter_via]" type="text" value="<?php if (isset($options['twitter_via'])) { echo esc_attr($options['twitter_via'], 'qode'); } ?> " /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google +', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Google +', 'qode'); ?> <select name="qode_options_satellite[enable_google_plus]"> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 600px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="google_plus_icon" name="qode_options_satellite[google_plus_icon]" class="google_plus_icon" value="<?php if (isset($options['google_plus_icon'])) { echo esc_attr($options['google_plus_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Show For', 'qode'); ?> </td> <td> <?php $post_types = get_post_types(); foreach ($post_types as $post_type) { if ($post_type != "attachment" && $post_type != "revision" && $post_type != "nav_menu_item") { $post_type_object = get_post_type_object($post_type); ?> <input type="checkbox" value="<?php echo $post_type; ?> " <?php if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") { echo "checked='checked'"; } ?> name="qode_options_satellite[post_types_names_<?php echo $post_type; ?> ]" /><?php echo " " . $post_type_object->labels->singular_name; ?> <br /><br /> <?php } } ?> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> </div> <?php }
function general_options_contentbox($options) { global $fontArrays; ?> <div class="sections"> <h3>Global options</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('First main color', 'qode'); ?> </td> <td> <div> <?php esc_html_e('Main color (also Gradient top)', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['first_color']) { echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[first_color]" type="text" value="<?php if ($options['first_color']) { echo esc_attr($options['first_color'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div> </div> <br/> <div> <?php esc_html_e('Gradient bottom', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['first_color_gradient']) { echo 'background-color:' . esc_attr($options['first_color_gradient'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[first_color_gradient]" type="text" value="<?php if (isset($options['first_color_gradient'])) { echo esc_attr($options['first_color_gradient'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default bottom gradient color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #009ad4;" title="#009ad4"></span></div> </div> <br/> <div> <?php esc_html_e('Gradient Border', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['first_gradient_border']) { echo 'background-color:' . esc_attr($options['first_gradient_border'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[first_gradient_border]" type="text" value="<?php if (isset($options['first_gradient_border'])) { echo esc_attr($options['first_gradient_border'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default gradient border color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #049cd4;" title="#049cd4"></span></div> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Second main color', 'qode'); ?> </td> <td> <div> <?php esc_html_e('Second main color (also Gradient top)', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['second_color']) { echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[second_color]" type="text" value="<?php if ($options['second_color']) { echo esc_attr($options['second_color'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default second main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #f3f3f3;" title="#f3f3f3"></span></div> </div> <br/> <div> <?php esc_html_e('Gradient bottom', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['second_color_gradient']) { echo 'background-color:' . esc_attr($options['second_color_gradient'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[second_color_gradient]" type="text" value="<?php if (isset($options['second_color_gradient'])) { echo esc_attr($options['second_color_gradient'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default bottom gradient color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #f9f9f9;" title="#f9f9f9"></span></div> </div> <br/> <div> <?php esc_html_e('Gradient Border', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['second_gradient_border']) { echo 'background-color:' . esc_attr($options['second_gradient_border'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[second_gradient_border]" type="text" value="<?php if (isset($options['second_gradient_border'])) { echo esc_attr($options['second_gradient_border'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default second border color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #eaeaea;" title="#eaeaea"></span></div> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Third main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['third_color']) { echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[third_color]" type="text" value="<?php if (isset($options['third_color'])) { if ($options['third_color']) { echo esc_attr($options['third_color'], 'qode'); } } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default third main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fbfbfb;" title="#fbfbfb"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Fourth main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['fourth_color']) { echo 'background-color:' . esc_attr($options['fourth_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[fourth_color]" type="text" value="<?php if (isset($options['fourth_color'])) { if ($options['fourth_color']) { echo esc_attr($options['fourth_color'], 'qode'); } } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default fourth main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #333;" title="#333"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background color (content)', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color']) { echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[background_color]" type="text" value="<?php if ($options['background_color']) { echo esc_attr($options['background_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default background color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #fff;" title="#fff"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background color (body)', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color_box']) { echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[background_color_box]" type="text" value="<?php if (isset($options['background_color_box'])) { echo esc_attr($options['background_color_box'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default boxed background color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #fff;" title="#fff"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background boxes color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if (isset($options['background_color_boxes']) && $options['background_color_boxes']) { echo 'background-color:' . esc_attr($options['background_color_boxes'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[background_color_boxes]" type="text" value="<?php if (isset($options['background_color_boxes'])) { echo esc_attr($options['background_color_boxes'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Background color for boxes (blog, portfolio...)', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fff;" title="#fff"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Highlight color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['highlight_color']) { echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[highlight_color]" type="text" value="<?php if ($options['highlight_color']) { echo esc_attr($options['highlight_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default highlight color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Selection color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['selection_color']) { echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[selection_color]" type="text" value="<?php if ($options['selection_color']) { echo esc_attr($options['selection_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default selection color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #00aeef;" title="#00aeef"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="background_image" name="qode_options_theme13[background_image]" class="background_image" value="<?php if (isset($options['background_image'])) { echo esc_attr($options['background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pattern background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="pattern_background_image" name="qode_options_theme13[pattern_background_image]" class="pattern_background_image" value="<?php if (isset($options['pattern_background_image'])) { echo esc_attr($options['pattern_background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Favicon image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="favicon_image" name="qode_options_theme13[favicon_image]" class="favicon_image" value="<?php if ($options['favicon_image']) { echo esc_attr($options['favicon_image'], 'qode'); } else { echo QODE_ROOT . "/img/favicon.ico"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google fonts', 'qode'); ?> </td> <td> <select name="qode_options_theme13[google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> <?php esc_html_e('Choose Font', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page transition', 'qode'); ?> </td> <td> <select name="qode_options_theme13[page_transitions]"> <option <?php if ($options['page_transitions'] == 0) { echo "selected='selected'"; } ?> value="0">No animation</option> <option <?php if ($options['page_transitions'] == 1) { echo "selected='selected'"; } ?> value="1">Up/Down</option> <option <?php if ($options['page_transitions'] == 2) { echo "selected='selected'"; } ?> value="2">Fade</option> <option <?php if ($options['page_transitions'] == 3) { echo "selected='selected'"; } ?> value="3">Up/Down (In) / Fade (Out)</option> <option <?php if ($options['page_transitions'] == 4) { echo "selected='selected'"; } ?> value="4">Left/Right</option> </select> <?php esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Boxed', 'qode'); ?> </td> <td> <select name="qode_options_theme13[boxed]"> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading animation', 'qode'); ?> </td> <td> <select name="qode_options_theme13[loading_animation]"> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="loading_image" name="qode_options_theme13[loading_image]" class="loading_image" value="<?php if (isset($options['loading_image']) && $options['loading_image'] != "") { echo esc_attr($options['loading_image'], 'qode'); } else { echo ""; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Smooth scroll', 'qode'); ?> </td> <td> <select name="qode_options_theme13[smooth_scroll]"> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'yes_not_ios') { echo "selected='selected'"; } } ?> value="yes_not_ios">Yes (but not on Mac devices)</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Responsiveness', 'qode'); ?> </td> <td> <select name="qode_options_theme13[responsiveness]"> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show back button', 'qode'); ?> </td> <td> <select name="qode_options_theme13[show_back_button]"> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Elements animation on mobile/touch devices', 'qode'); ?> </td> <td> <select name="qode_options_theme13[elements_animation_on_touch]"> <option <?php if (isset($options['elements_animation_on_touch'])) { $elements_animation_on_touch = $options['elements_animation_on_touch']; if ($elements_animation_on_touch == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['elements_animation_on_touch'])) { $elements_animation_on_touch = $options['elements_animation_on_touch']; if ($elements_animation_on_touch == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google Analytics Account ID', 'qode'); ?> </td> <td> <input name="qode_options_theme13[google_analytics_code]" type="text" value="<?php if (isset($options['google_analytics_code'])) { echo esc_attr($options['google_analytics_code'], 'qode'); } ?> " size="63" maxlength="500" /> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="internal_no_ajax_links" name="qode_options_theme13[internal_no_ajax_links]" cols="60" rows="5"><?php if (isset($options['internal_no_ajax_links'])) { echo esc_attr($options['internal_no_ajax_links'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom css', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_css" name="qode_options_theme13[custom_css]" cols="60" rows="5"><?php if ($options['custom_css']) { echo esc_attr($options['custom_css'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom js', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_js" name="qode_options_theme13[custom_js]" cols="60" rows="5"><?php if ($options['custom_js']) { echo esc_attr($options['custom_js'], 'qode'); } ?> </textarea> </div><br/> <?php esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode'); ?> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Keywords', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_keywords" name="qode_options_theme13[meta_keywords]" cols="60" rows="5"><?php if ($options['meta_keywords']) { echo esc_attr($options['meta_keywords'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Description', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_description" name="qode_options_theme13[meta_description]" cols="60" rows="5"><?php if ($options['meta_description']) { echo esc_attr($options['meta_description'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Disable Qode SEO', 'qode'); ?> </td> <td> <select name="qode_options_theme13[disable_qode_seo]"> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>General font options</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Headings</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H1 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h1_color']) { echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h1_color]" type="text" value="<?php if ($options['h1_color']) { echo esc_attr($options['h1_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h1_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h1_fontsize]" type="text" value="<?php if ($options['h1_fontsize']) { echo esc_attr($options['h1_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h1_lineheight]" type="text" value="<?php if ($options['h1_lineheight']) { echo esc_attr($options['h1_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h1_fontstyle]"> <option <?php if ($options['h1_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h1_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h1_fontweight]"> <option <?php if ($options['h1_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h1_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h1_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h1_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h1_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h1_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h1_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h1_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h1_letterspacing]" type="text" value="<?php if (isset($options['h1_letterspacing']) && $options['h1_letterspacing']) { echo esc_attr($options['h1_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H2 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h2_color']) { echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h2_color]" type="text" value="<?php if ($options['h2_color']) { echo esc_attr($options['h2_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h2_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h2_fontsize]" type="text" value="<?php if ($options['h2_fontsize']) { echo esc_attr($options['h2_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h2_lineheight]" type="text" value="<?php if ($options['h2_lineheight']) { echo esc_attr($options['h2_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h2_fontstyle]"> <option <?php if ($options['h2_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h2_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h2_fontweight]"> <option <?php if ($options['h2_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h2_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h2_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h2_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h2_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h2_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h2_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h2_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h2_letterspacing]" type="text" value="<?php if (isset($options['h2_letterspacing']) && $options['h2_letterspacing']) { echo esc_attr($options['h2_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H3 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h3_color']) { echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h3_color]" type="text" value="<?php if ($options['h3_color']) { echo esc_attr($options['h3_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h3_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h3_fontsize]" type="text" value="<?php if ($options['h3_fontsize']) { echo esc_attr($options['h3_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h3_lineheight]" type="text" value="<?php if ($options['h3_lineheight']) { echo esc_attr($options['h3_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h3_fontstyle]"> <option <?php if ($options['h3_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h3_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h3_fontweight]"> <option <?php if ($options['h3_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h3_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h3_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h3_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h3_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h3_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h3_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h3_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h3_letterspacing]" type="text" value="<?php if (isset($options['h3_letterspacing']) && $options['h3_letterspacing']) { echo esc_attr($options['h3_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H4 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h4_color']) { echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h4_color]" type="text" value="<?php if ($options['h4_color']) { echo esc_attr($options['h4_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h4_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h4_fontsize]" type="text" value="<?php if ($options['h4_fontsize']) { echo esc_attr($options['h4_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h4_lineheight]" type="text" value="<?php if ($options['h4_lineheight']) { echo esc_attr($options['h4_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h4_fontstyle]"> <option <?php if ($options['h4_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h4_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h4_fontweight]"> <option <?php if ($options['h4_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h4_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h4_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h4_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h4_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h4_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h4_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h4_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h4_letterspacing]" type="text" value="<?php if (isset($options['h4_letterspacing']) && $options['h4_letterspacing']) { echo esc_attr($options['h4_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H5 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h5_color']) { echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h5_color]" type="text" value="<?php if ($options['h5_color']) { echo esc_attr($options['h5_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h5_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h5_fontsize]" type="text" value="<?php if ($options['h5_fontsize']) { echo esc_attr($options['h5_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h5_lineheight]" type="text" value="<?php if ($options['h5_lineheight']) { echo esc_attr($options['h5_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h5_fontstyle]"> <option <?php if ($options['h5_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h5_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h5_fontweight]"> <option <?php if ($options['h5_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h5_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h5_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h5_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h5_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h5_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h5_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h5_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h5_letterspacing]" type="text" value="<?php if (isset($options['h5_letterspacing']) && $options['h5_letterspacing']) { echo esc_attr($options['h5_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H6 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h6_color']) { echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[h6_color]" type="text" value="<?php if ($options['h6_color']) { echo esc_attr($options['h6_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[h6_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[h6_fontsize]" type="text" value="<?php if ($options['h6_fontsize']) { echo esc_attr($options['h6_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[h6_lineheight]" type="text" value="<?php if ($options['h6_lineheight']) { echo esc_attr($options['h6_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[h6_fontstyle]"> <option <?php if ($options['h6_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h6_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[h6_fontweight]"> <option <?php if ($options['h6_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h6_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h6_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h6_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h6_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h6_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h6_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h6_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[h6_letterspacing]" type="text" value="<?php if (isset($options['h6_letterspacing']) && $options['h6_letterspacing']) { echo esc_attr($options['h6_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Text</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['text_color']) { echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[text_color]" type="text" value="<?php if ($options['text_color']) { echo esc_attr($options['text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[text_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[text_fontsize]" type="text" value="<?php if ($options['text_fontsize']) { echo esc_attr($options['text_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[text_lineheight]" type="text" value="<?php if ($options['text_lineheight']) { echo esc_attr($options['text_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[text_fontstyle]"> <option <?php if ($options['text_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['text_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[text_fontweight]"> <option <?php if ($options['text_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['text_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['text_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['text_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['text_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['text_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['text_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['text_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Top/Bottom margin (px)', 'qode'); ?> <input name="qode_options_theme13[text_margin]" type="text" value="<?php if (isset($options['text_margin'])) { echo esc_attr($options['text_margin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Link style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_color']) { echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[link_color]" type="text" value="<?php if ($options['link_color']) { echo esc_attr($options['link_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_hovercolor']) { echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[link_hovercolor]" type="text" value="<?php if ($options['link_hovercolor']) { echo esc_attr($options['link_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[link_fontstyle]"> <option <?php if ($options['link_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['link_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[link_fontweight]"> <option <?php if ($options['link_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['link_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['link_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['link_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['link_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['link_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['link_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['link_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Font decoration', 'qode'); ?> <select name="qode_options_theme13[link_fontdecoration]"> <option <?php if ($options['link_fontdecoration'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontdecoration'] == "none") { echo "selected='selected'"; } ?> value="none">none</option> <option <?php if ($options['link_fontdecoration'] == "bold") { echo "selected='selected'"; } ?> value="underline">underline</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Page title</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page title style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['page_title_color']) { echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[page_title_color]" type="text" value="<?php if ($options['page_title_color']) { echo esc_attr($options['page_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[page_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[page_title_fontsize]" type="text" value="<?php if ($options['page_title_fontsize']) { echo esc_attr($options['page_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[page_title_lineheight]" type="text" value="<?php if ($options['page_title_lineheight']) { echo esc_attr($options['page_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[page_title_fontstyle]"> <option <?php if ($options['page_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['page_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[page_title_fontweight]"> <option <?php if ($options['page_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['page_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['page_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['page_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['page_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['page_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['page_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['page_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Info Data Style</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Info data style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['info_data_color']) && $options['info_data_color']) { echo 'background-color:' . esc_attr($options['info_data_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[info_data_color]" type="text" value="<?php if (isset($options['info_data_color']) && $options['info_data_color']) { echo esc_attr($options['info_data_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[info_data_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['info_data_google_fonts']) && $options['info_data_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[info_data_fontsize]" type="text" value="<?php if (isset($options['info_data_fontsize']) && $options['info_data_fontsize']) { echo esc_attr($options['info_data_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[info_data_fontstyle]"> <option <?php if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['info_data_fontstyle']) && $options['info_data_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[info_data_fontweight]"> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['info_data_fontweight']) && $options['info_data_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Icon Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['info_data_icon_color']) && $options['info_data_icon_color']) { echo 'background-color:' . esc_attr($options['info_data_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[info_data_icon_color]" type="text" value="<?php if (isset($options['info_data_icon_color']) && $options['info_data_icon_color']) { echo esc_attr($options['info_data_icon_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Header and Footer</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Header</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[header_in_grid]"> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show header top area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[header_top_area]"> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Scroll header top area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[header_top_area_scroll]"> <option <?php if (isset($options['header_top_area_scroll'])) { if ($options['header_top_area_scroll'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_top_area_scroll'])) { if ($options['header_top_area_scroll'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable breadcrumbs', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[enable_breadcrumbs]"> <option <?php if (isset($options['enable_breadcrumbs'])) { if ($options['enable_breadcrumbs'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_breadcrumbs'])) { if ($options['enable_breadcrumbs'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable Qode search', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[enable_search]"> <option <?php if (isset($options['enable_search'])) { if ($options['enable_search'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_search'])) { if ($options['enable_search'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header bottom appearance', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[header_bottom_appearance]"> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "regular") { echo "selected='selected'"; } } ?> value="regular">Regular</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "fixed") { echo "selected='selected'"; } } ?> value="fixed">Fixed</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "stick") { echo "selected='selected'"; } } ?> value="stick">Sticky</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "stick menu_bottom") { echo "selected='selected'"; } } ?> value="stick menu_bottom">Sticky with menu on bottom</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[header_style]"> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "") { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "light") { echo "selected='selected'"; } } ?> value="light">Light</option> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "dark") { echo "selected='selected'"; } } ?> value="dark">Dark</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Menu position', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[menu_position]"> <option <?php if (isset($options['menu_position'])) { if ($options['menu_position'] == "") { echo "selected='selected'"; } } ?> value="">Deafult</option> <option <?php if (isset($options['menu_position'])) { if ($options['menu_position'] == "center") { echo "selected='selected'"; } } ?> value="center">Center</option> </select> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Top background color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_top_background_color']) { echo 'background-color:' . esc_attr($options['header_top_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[header_top_background_color]" type="text" value="<?php if (isset($options['header_top_background_color'])) { echo esc_attr($options['header_top_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Bottom background color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_background_color']) { echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[header_background_color]" type="text" value="<?php if (isset($options['header_background_color'])) { echo esc_attr($options['header_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scrolled (fixed style)', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_background_color_scroll'])) { if ($options['header_background_color_scroll']) { echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_theme13[header_background_color_scroll]" type="text" value="<?php if (isset($options['header_background_color_scroll'])) { echo esc_attr($options['header_background_color_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Sticky', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_background_color_sticky'])) { if ($options['header_background_color_sticky']) { echo 'background-color:' . esc_attr($options['header_background_color_sticky'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_theme13[header_background_color_sticky]" type="text" value="<?php if (isset($options['header_background_color_sticky'])) { echo esc_attr($options['header_background_color_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Header separator color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['header_separator_color']) && $options['header_separator_color']) { echo 'background-color:' . esc_attr($options['header_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[header_separator_color]" type="text" value="<?php if (isset($options['header_separator_color'])) { echo esc_attr($options['header_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Transparency', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <input name="qode_options_theme13[header_background_transparency_initial]" type="text" value="<?php if (isset($options['header_background_transparency_initial'])) { echo esc_attr($options['header_background_transparency_initial'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scrolled (fixed style)', 'qode'); ?> <input name="qode_options_theme13[header_background_transparency_scroll]" type="text" value="<?php if (isset($options['header_background_transparency_scroll'])) { echo esc_attr($options['header_background_transparency_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Sticky', 'qode'); ?> <input name="qode_options_theme13[header_background_transparency_sticky]" type="text" value="<?php if (isset($options['header_background_transparency_sticky'])) { echo esc_attr($options['header_background_transparency_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Initial', 'qode'); ?> <input name="qode_options_theme13[header_border_transparency_initial]" type="text" value="<?php if (isset($options['header_border_transparency_initial'])) { echo esc_attr($options['header_border_transparency_initial'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <?php esc_html_e('(from 0 to 1)', 'qode'); ?> </td> </tr> <tr valign="top"> <td valign="top" width="150"><?php esc_html_e('Logo', 'qode'); ?> </td> <td> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - normal', 'qode'); ?> <br/> <input type="text" id="logo_image" name="qode_options_theme13[logo_image]" class="logo_image" value="<?php if (isset($options['logo_image'])) { echo esc_attr($options['logo_image'], 'qode'); } else { echo QODE_ROOT . "/img/logo.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - light', 'qode'); ?> <br/> <input type="text" id="logo_image_light" name="qode_options_theme13[logo_image_light]" class="logo_image_light" value="<?php if (isset($options['logo_image_light'])) { echo esc_attr($options['logo_image_light'], 'qode'); } else { echo QODE_ROOT . "/img/logo.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - dark', 'qode'); ?> <br/> <input type="text" id="logo_image_dark" name="qode_options_theme13[logo_image_dark]" class="logo_image_dark" value="<?php if (isset($options['logo_image_dark'])) { echo esc_attr($options['logo_image_dark'], 'qode'); } else { echo QODE_ROOT . "/img/logo_black.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline"style="width: 700px;"> <?php esc_html_e('Logo image - sticky header', 'qode'); ?> <br/> <input type="text" id="logo_image_sticky" name="qode_options_theme13[logo_image_sticky]" class="logo_image_sticky" value="<?php if (isset($options['logo_image_sticky'])) { echo esc_attr($options['logo_image_sticky'], 'qode'); } else { echo QODE_ROOT . "/img/logo_black.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Center logo', 'qode'); ?> </td> <td> <select name="qode_options_theme13[center_logo_image]"> <option <?php if (isset($options['center_logo_image'])) { $center_logo_image = $options['center_logo_image']; if ($center_logo_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['center_logo_image'])) { $center_logo_image = $options['center_logo_image']; if ($center_logo_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Header height', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial (px)', 'qode'); ?> <input name="qode_options_theme13[header_height]" type="text" value="<?php if (isset($options['header_height'])) { echo esc_attr($options['header_height'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scrolled - fixed style (px)', 'qode'); ?> <input name="qode_options_theme13[header_height_scroll]" type="text" value="<?php if (isset($options['header_height_scroll'])) { echo esc_attr($options['header_height_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Sticky (px)', 'qode'); ?> <input name="qode_options_theme13[header_height_sticky]" type="text" value="<?php if (isset($options['header_height_sticky'])) { echo esc_attr($options['header_height_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Scroll amount for sticky appear (px)', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_theme13[scroll_amount_for_sticky]" type="text" value="<?php if (isset($options['scroll_amount_for_sticky'])) { echo esc_attr($options['scroll_amount_for_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Dropdown main menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_background_color'])) { echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[dropdown_background_color]" type="text" value="<?php if (isset($options['dropdown_background_color'])) { echo esc_attr($options['dropdown_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Transparency (From 0 to 1)', 'qode'); ?> <input name="qode_options_theme13[dropdown_background_transparency]" type="text" value="<?php if (isset($options['dropdown_background_transparency'])) { echo esc_attr($options['dropdown_background_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('1st level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['menu_color']) { echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[menu_color]" type="text" value="<?php if ($options['menu_color']) { echo esc_attr($options['menu_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['menu_hovercolor'])) { echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[menu_hovercolor]" type="text" value="<?php if (isset($options['menu_hovercolor'])) { echo esc_attr($options['menu_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[menu_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[menu_fontsize]" type="text" value="<?php if ($options['menu_fontsize']) { echo esc_attr($options['menu_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[menu_lineheight]" type="text" value="<?php if ($options['menu_lineheight']) { echo esc_attr($options['menu_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[menu_fontstyle]"> <option <?php if ($options['menu_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['menu_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[menu_fontweight]"> <option <?php if ($options['menu_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['menu_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['menu_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['menu_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['menu_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['menu_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['menu_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['menu_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('2nd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color'])) { echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[dropdown_color]" type="text" value="<?php if (isset($options['dropdown_color'])) { echo esc_attr($options['dropdown_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[dropdown_hovercolor]" type="text" value="<?php if (isset($options['dropdown_hovercolor'])) { echo esc_attr($options['dropdown_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[dropdown_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[dropdown_fontsize]" type="text" value="<?php if ($options['dropdown_fontsize']) { echo esc_attr($options['dropdown_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[dropdown_lineheight]" type="text" value="<?php if ($options['dropdown_lineheight']) { echo esc_attr($options['dropdown_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[dropdown_fontstyle]"> <option <?php if ($options['dropdown_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['dropdown_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[dropdown_fontweight]"> <option <?php if ($options['dropdown_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['dropdown_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['dropdown_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['dropdown_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['dropdown_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['dropdown_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['dropdown_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['dropdown_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('3rd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[dropdown_color_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo esc_attr($options['dropdown_color_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[dropdown_hovercolor_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[dropdown_google_fonts_thirdlvl]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['dropdown_google_fonts_thirdlvl'])) { $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl']; if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[dropdown_fontsize_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_fontsize_thirdlvl'])) { echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[dropdown_lineheight_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_lineheight_thirdlvl'])) { echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[dropdown_fontstyle_thirdlvl]"> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[dropdown_fontweight_thirdlvl]"> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Fixed menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['fixed_color'])) { echo 'background-color:' . esc_attr($options['fixed_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[fixed_color]" type="text" value="<?php if (isset($options['fixed_color'])) { echo esc_attr($options['fixed_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['fixed_hovercolor'])) { echo 'background-color:' . esc_attr($options['fixed_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[fixed_hovercolor]" type="text" value="<?php if (isset($options['fixed_hovercolor'])) { echo esc_attr($options['fixed_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[fixed_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['fixed_google_fonts'])) { $fixed_google_fonts = $options['fixed_google_fonts']; if ($fixed_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[fixed_fontsize]" type="text" value="<?php if (isset($options['fixed_fontsize'])) { echo esc_attr($options['fixed_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[fixed_lineheight]" type="text" value="<?php if (isset($options['fixed_lineheight'])) { echo esc_attr($options['fixed_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[fixed_fontstyle]"> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[fixed_fontweight]"> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Sticky menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['sticky_color'])) { echo 'background-color:' . esc_attr($options['sticky_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[sticky_color]" type="text" value="<?php if (isset($options['sticky_color'])) { echo esc_attr($options['sticky_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['sticky_hovercolor'])) { echo 'background-color:' . esc_attr($options['sticky_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[sticky_hovercolor]" type="text" value="<?php if (isset($options['sticky_hovercolor'])) { echo esc_attr($options['sticky_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[sticky_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['sticky_google_fonts'])) { $sticky_google_fonts = $options['sticky_google_fonts']; if ($sticky_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[sticky_fontsize]" type="text" value="<?php if (isset($options['sticky_fontsize'])) { echo esc_attr($options['sticky_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[sticky_lineheight]" type="text" value="<?php if (isset($options['sticky_lineheight'])) { echo esc_attr($options['sticky_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[sticky_fontstyle]"> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[sticky_fontweight]"> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mobile menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_color'])) { echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[mobile_color]" type="text" value="<?php if (isset($options['mobile_color'])) { echo esc_attr($options['mobile_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_hovercolor'])) { echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[mobile_hovercolor]" type="text" value="<?php if (isset($options['mobile_hovercolor'])) { echo esc_attr($options['mobile_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[mobile_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['mobile_google_fonts'])) { $mobile_google_fonts = $options['mobile_google_fonts']; if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[mobile_fontsize]" type="text" value="<?php if (isset($options['mobile_fontsize'])) { echo esc_attr($options['mobile_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[mobile_lineheight]" type="text" value="<?php if (isset($options['mobile_lineheight'])) { echo esc_attr($options['mobile_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[mobile_fontstyle]"> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[mobile_fontweight]"> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div><br /><br /> <div class="inline"> <?php esc_html_e('Separator color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_separator_color'])) { echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[mobile_separator_color]" type="text" value="<?php if (isset($options['mobile_separator_color'])) { echo esc_attr($options['mobile_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_background_color'])) { echo 'background-color:' . esc_attr($options['mobile_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[mobile_background_color]" type="text" value="<?php if (isset($options['mobile_background_color'])) { echo esc_attr($options['mobile_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_theme13[mobile_letter_spacing]" type="text" value="<?php if (isset($options['mobile_letter_spacing'])) { echo esc_attr($options['mobile_letter_spacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Animate title area', 'qode'); ?> <select name="qode_options_theme13[animate_title_area]"> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'no') { echo "selected='selected'"; } } ?> value="no">No animation</option> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'text_right_left') { echo "selected='selected'"; } } ?> value="text_right_left">Text right to left</option> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'area_top_bottom') { echo "selected='selected'"; } } ?> value="area_top_bottom">Title area top to bottom</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Text shadow', 'qode'); ?> <select name="qode_options_theme13[title_text_shadow]"> <option <?php if (isset($options['title_text_shadow'])) { $title_text_shadow = $options['title_text_shadow']; if ($title_text_shadow == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['title_text_shadow'])) { $title_text_shadow = $options['title_text_shadow']; if ($title_text_shadow == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['title_background_color'])) { echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[title_background_color]" type="text" value="<?php if (isset($options['title_background_color'])) { echo esc_attr($options['title_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Responsive title image', 'qode'); ?> <select name="qode_options_theme13[responsive_title_image]"> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Parallax title image', 'qode'); ?> <select name="qode_options_theme13[fixed_title_image]"> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'yes_zoom') { echo "selected='selected'"; } } ?> value="yes_zoom">Yes, with zoom out</option> </select> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <br/><br/> <div class="inline" style="width: 780px;"> <?php esc_html_e('Title image', 'qode'); ?> <input type="text" id="title_image" name="qode_options_theme13[title_image]" class="title_image" value="<?php if (isset($options['title_image'])) { echo esc_attr($options['title_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline" style="width: 880px;"> <?php esc_html_e('Title pattern overlay image', 'qode'); ?> <input type="text" id="title_overlay_image" name="qode_options_theme13[title_overlay_image]" class="title_overlay_image" value="<?php if (isset($options['title_overlay_image'])) { echo esc_attr($options['title_overlay_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Title height (px)', 'qode'); ?> <input name="qode_options_theme13[title_height]" type="text" value="<?php if (isset($options['title_height'])) { echo esc_attr($options['title_height'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Title position', 'qode'); ?> <select name="qode_options_theme13[page_title_position]"> <option <?php if ($options['page_title_position'] == "left") { echo "selected='selected'"; } ?> value="left">Left</option> <option <?php if ($options['page_title_position'] == "center") { echo "selected='selected'"; } ?> value="center">Center</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Predefined title sizes', 'qode'); ?> <select name="qode_options_theme13[predefined_title_sizes]"> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'small') { echo "selected='selected'"; } ?> value="small">Small</option> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'medium') { echo "selected='selected'"; } ?> value="medium">Medium</option> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'large') { echo "selected='selected'"; } ?> value="large">Large</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Footer</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Uncovering footer', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[uncovering_footer]"> <option <?php if (isset($options['uncovering_footer'])) { if ($options['uncovering_footer'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['uncovering_footer'])) { if ($options['uncovering_footer'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Footer in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[footer_in_grid]"> <option <?php if (isset($options['footer_in_grid'])) { if ($options['footer_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['footer_in_grid'])) { if ($options['footer_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer top', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[show_footer_top]"> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Footer top columns', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[footer_top_columns]"> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "1") { echo "selected='selected'"; } } ?> value="1">1</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "2") { echo "selected='selected'"; } } ?> value="2">2</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "3") { echo "selected='selected'"; } } ?> value="3">3</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "5") { echo "selected='selected'"; } } ?> value="5">3(25%+25%+50%)</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "6") { echo "selected='selected'"; } } ?> value="6">3(50%+25%+25%)</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "4") { echo "selected='selected'"; } } ?> value="4">4</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer bottom', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[footer_text]"> <option <?php if ($options['footer_text'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['footer_text'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Footer separator color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['footer_separator_color']) && $options['footer_separator_color']) { echo 'background-color:' . esc_attr($options['footer_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_separator_color]" type="text" value="<?php if (isset($options['footer_separator_color']) && $options['footer_separator_color']) { echo esc_attr($options['footer_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer top colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Title color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_title_color']) { echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_top_title_color]" type="text" value="<?php if ($options['footer_top_title_color']) { echo esc_attr($options['footer_top_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_text_color']) { echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_top_text_color]" type="text" value="<?php if ($options['footer_top_text_color']) { echo esc_attr($options['footer_top_text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Link color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['footer_link_color'])) { echo 'background-color:' . esc_attr($options['footer_link_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_link_color]" type="text" value="<?php if (isset($options['footer_link_color'])) { echo esc_attr($options['footer_link_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Link hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['footer_link_hover_color'])) { echo 'background-color:' . esc_attr($options['footer_link_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_link_hover_color]" type="text" value="<?php if (isset($options['footer_link_hover_color'])) { echo esc_attr($options['footer_link_hover_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_background_color']) { echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_top_background_color]" type="text" value="<?php if ($options['footer_top_background_color']) { echo esc_attr($options['footer_top_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer bottom colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_text_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_bottom_text_color]" type="text" value="<?php if ($options['footer_bottom_text_color']) { echo esc_attr($options['footer_bottom_text_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_background_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[footer_bottom_background_color]" type="text" value="<?php if (isset($options['footer_bottom_background_color'])) { echo esc_attr($options['footer_bottom_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Elements</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Separator</h2></td></tr> <tr valign="middle"> <td valign="middle"></td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['separator_color'])) { echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[separator_color]" type="text" value="<?php if (isset($options['separator_color'])) { echo esc_attr($options['separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Thickness (px)', 'qode'); ?> <input name="qode_options_theme13[separator_thickness]" type="text" value="<?php if ($options['separator_thickness']) { echo esc_attr($options['separator_thickness'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Top margin (px)', 'qode'); ?> <input name="qode_options_theme13[separator_topmargin]" type="text" value="<?php if ($options['separator_topmargin']) { echo esc_attr($options['separator_topmargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bottom margin (px)', 'qode'); ?> <input name="qode_options_theme13[separator_bottommargin]" type="text" value="<?php if ($options['separator_bottommargin']) { echo esc_attr($options['separator_bottommargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Buttons</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Button style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_color']) { echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_title_color]" type="text" value="<?php if ($options['button_title_color']) { echo esc_attr($options['button_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_hovercolor']) { echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_title_hovercolor]" type="text" value="<?php if ($options['button_title_hovercolor']) { echo esc_attr($options['button_title_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[button_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[button_title_fontsize]" type="text" value="<?php if ($options['button_title_fontsize']) { echo esc_attr($options['button_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[button_title_lineheight]" type="text" value="<?php if ($options['button_title_lineheight']) { echo esc_attr($options['button_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[button_title_fontstyle]"> <option <?php if ($options['button_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['button_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[button_title_fontweight]"> <option <?php if ($options['button_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['button_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['button_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['button_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['button_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['button_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['button_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['button_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Hover background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) { echo 'background-color:' . esc_attr($options['button_backgroundcolor_hover'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_backgroundcolor_hover]" type="text" value="<?php if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) { echo esc_attr($options['button_backgroundcolor_hover'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Top gradient color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_top_gradient_color']) { echo 'background-color:' . esc_attr($options['button_top_gradient_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_top_gradient_color]" type="text" value="<?php if ($options['button_top_gradient_color']) { echo esc_attr($options['button_top_gradient_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bottom gradient color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_bottom_gradient_color']) { echo 'background-color:' . esc_attr($options['button_bottom_gradient_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_bottom_gradient_color]" type="text" value="<?php if ($options['button_bottom_gradient_color']) { echo esc_attr($options['button_bottom_gradient_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_border_color']) { echo 'background-color:' . esc_attr($options['button_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[button_border_color]" type="text" value="<?php if ($options['button_border_color']) { echo esc_attr($options['button_border_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Message box</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Message box style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_title_color']) { echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[message_title_color]" type="text" value="<?php if ($options['message_title_color']) { echo esc_attr($options['message_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_theme13[message_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[message_title_fontsize]" type="text" value="<?php if ($options['message_title_fontsize']) { echo esc_attr($options['message_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_theme13[message_title_lineheight]" type="text" value="<?php if ($options['message_title_lineheight']) { echo esc_attr($options['message_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_theme13[message_title_fontstyle]"> <option <?php if ($options['message_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['message_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_theme13[message_title_fontweight]"> <option <?php if ($options['message_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['message_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['message_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['message_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['message_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['message_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['message_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['message_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_backgroundcolor']) { echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[message_backgroundcolor]" type="text" value="<?php if ($options['message_backgroundcolor']) { echo esc_attr($options['message_backgroundcolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['message_bordercolor']) && $options['message_bordercolor']) { echo 'background-color:' . esc_attr($options['message_bordercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[message_bordercolor]" type="text" value="<?php if (isset($options['message_bordercolor']) && $options['message_bordercolor']) { echo esc_attr($options['message_bordercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Message icon style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['message_icon_color']) && $options['message_icon_color']) { echo 'background-color:' . esc_attr($options['message_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[message_icon_color]" type="text" value="<?php if (isset($options['message_icon_color']) && $options['message_icon_color']) { echo esc_attr($options['message_icon_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_theme13[message_icon_fontsize]" type="text" value="<?php if (isset($options['message_icon_fontsize']) && $options['message_icon_fontsize']) { echo esc_attr($options['message_icon_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Blockquote</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blockquote style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['blockquote_font_color']) { echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[blockquote_font_color]" type="text" value="<?php if ($options['blockquote_font_color']) { echo esc_attr($options['blockquote_font_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) { echo 'background-color:' . esc_attr($options['blockquote_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[blockquote_background_color]" type="text" value="<?php if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) { echo esc_attr($options['blockquote_background_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) { echo 'background-color:' . esc_attr($options['blockquote_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[blockquote_border_color]" type="text" value="<?php if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) { echo esc_attr($options['blockquote_border_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Quote Icon Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) { echo 'background-color:' . esc_attr($options['blockquote_quote_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[blockquote_quote_icon_color]" type="text" value="<?php if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) { echo esc_attr($options['blockquote_quote_icon_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Pricing Table</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pricing table style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Gradient Top Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['pricing_table_top_color'])) { echo 'background-color:' . esc_attr($options['pricing_table_top_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[pricing_table_top_color]" type="text" value="<?php if (isset($options['pricing_table_top_color'])) { echo esc_attr($options['pricing_table_top_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Gradient Bottom Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['pricing_table_bottom_color'])) { echo 'background-color:' . esc_attr($options['pricing_table_bottom_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[pricing_table_bottom_color]" type="text" value="<?php if (isset($options['pricing_table_bottom_color'])) { echo esc_attr($options['pricing_table_bottom_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['pricing_table_border_color'])) { echo 'background-color:' . esc_attr($options['pricing_table_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[pricing_table_border_color]" type="text" value="<?php if (isset($options['pricing_table_border_color'])) { echo esc_attr($options['pricing_table_border_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Social Icon</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Icon Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_color']) { echo 'background-color:' . esc_attr($options['social_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[social_icon_color]" type="text" value="<?php if (isset($options['social_icon_color']) && $options['social_icon_color']) { echo esc_attr($options['social_icon_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Top Gradient Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_top_gradient_background_color']) { echo 'background-color:' . esc_attr($options['social_icon_top_gradient_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[social_icon_top_gradient_background_color]" type="text" value="<?php if (isset($options['social_icon_top_gradient_background_color']) && $options['social_icon_top_gradient_background_color']) { echo esc_attr($options['social_icon_top_gradient_background_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Bottom Gradient Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_bottom_gradient_background_color']) { echo 'background-color:' . esc_attr($options['social_icon_bottom_gradient_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[social_icon_bottom_gradient_background_color]" type="text" value="<?php if (isset($options['social_icon_bottom_gradient_background_color']) && $options['social_icon_bottom_gradient_background_color']) { echo esc_attr($options['social_icon_bottom_gradient_background_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Icon Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_border_color']) { echo 'background-color:' . esc_attr($options['social_icon_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[social_icon_border_color]" type="text" value="<?php if (isset($options['social_icon_border_color']) && $options['social_icon_border_color']) { echo esc_attr($options['social_icon_border_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> </td> </tr> <tr><td colspan='2'><h2>Smooth Scroll</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Smooth scroll style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['smooth_background_color']) { echo 'background-color:' . esc_attr($options['smooth_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[smooth_background_color]" type="text" value="<?php if (isset($options['smooth_background_color'])) { if ($options['smooth_background_color']) { echo esc_attr($options['smooth_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bar color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['smooth_bar_color']) { echo 'background-color:' . esc_attr($options['smooth_bar_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[smooth_bar_color]" type="text" value="<?php if (isset($options['smooth_bar_color'])) { if ($options['smooth_bar_color']) { echo esc_attr($options['smooth_bar_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Side Area</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Side Area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[enable_side_area]"> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Side Area Title', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_theme13[side_area_title]" type="text" value="<?php if (isset($options['side_area_title'])) { if ($options['side_area_title']) { echo esc_attr($options['side_area_title'], 'qode'); } } ?> " /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_background_color']) && $options['side_area_background_color']) { echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[side_area_background_color]" type="text" value="<?php if (isset($options['side_area_background_color'])) { if ($options['side_area_background_color']) { echo esc_attr($options['side_area_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_text_color']) && $options['side_area_text_color']) { echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[side_area_text_color]" type="text" value="<?php if (isset($options['side_area_text_color'])) { if ($options['side_area_text_color']) { echo esc_attr($options['side_area_text_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Title Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_title_color']) && $options['side_area_title_color']) { echo 'color:' . esc_attr($options['side_area_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[side_area_title_color]" type="text" value="<?php if (isset($options['side_area_title_color'])) { if ($options['side_area_title_color']) { echo esc_attr($options['side_area_title_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Content Bottom Area</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Content Bottom Area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[enable_content_bottom_area]"> <option <?php if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> <option <?php if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Content bottom sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_theme13[content_bottom_sidebar_custom_display]"> <option value="" <?php if (isset($options['content_bottom_sidebar_custom_display'])) { $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display']; if ($content_bottom_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['content_bottom_sidebar_custom_display'])) { $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display']; if ($content_bottom_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> <tr valign="middle"> <td valign="middle" width="150"><?php esc_html_e('Content bottom in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[content_bottom_in_grid]"> <option <?php if (isset($options['content_bottom_in_grid'])) { if ($options['content_bottom_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['content_bottom_in_grid'])) { if ($options['content_bottom_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['content_bottom_background_color']) && $options['content_bottom_background_color']) { echo 'background-color:' . esc_attr($options['content_bottom_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[content_bottom_background_color]" type="text" value="<?php if (isset($options['content_bottom_background_color'])) { if ($options['content_bottom_background_color']) { echo esc_attr($options['content_bottom_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Parallax</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax speed', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_theme13[parallax_speed]" type="text" value="<?php if ($options['parallax_speed']) { echo esc_attr($options['parallax_speed'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax on touch devices', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[parallax_onoff]"> <option <?php if ($options['parallax_onoff'] == "on") { echo "selected='selected'"; } ?> value="on">on</option> <option <?php if ($options['parallax_onoff'] == "off") { echo "selected='selected'"; } ?> value="off">off</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax min height (px)', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_theme13[parallax_minheight]" type="text" value="<?php if ($options['parallax_minheight']) { echo esc_attr($options['parallax_minheight'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Set min-height for last two stages', 'qode'); ?> </div> </td> </tr> </tbody> </table> </div> <h3>Portfolio</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Portfolio single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Portfolio style', 'qode'); ?> </td> <td> <select name="qode_options_theme13[portfolio_style]"> <option <?php if ($options['portfolio_style'] == 1) { echo "selected='selected'"; } ?> value="1">Portfolio small images</option> <option <?php if ($options['portfolio_style'] == 2) { echo "selected='selected'"; } ?> value="2">Portfolio small slider</option> <option <?php if ($options['portfolio_style'] == 5) { echo "selected='selected'"; } ?> value="5">Portfolio big images</option> <option <?php if ($options['portfolio_style'] == 3) { echo "selected='selected'"; } ?> value="3">Portfolio big slider</option> <option <?php if ($options['portfolio_style'] == 4) { echo "selected='selected'"; } ?> value="4">Portfolio custom</option> <option <?php if ($options['portfolio_style'] == 7) { echo "selected='selected'"; } ?> value="7">Portfolio full width custom</option> <option <?php if ($options['portfolio_style'] == 6) { echo "selected='selected'"; } ?> value="6">Portfolio gallery</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Portfolio Qode Like', 'qode'); ?> </td> <td> <select name="qode_options_theme13[portfolio_qode_like]"> <option <?php if (isset($options['portfolio_qode_like'])) { $portfolio_qode_like = $options['portfolio_qode_like']; if ($portfolio_qode_like == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['portfolio_qode_like'])) { $portfolio_qode_like = $options['portfolio_qode_like']; if ($portfolio_qode_like == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Lightbox for single project', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[lightbox_single_project]"> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Number of columns for Portfolio gallery style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_theme13[portfolio_columns_number]"> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 2) { echo "selected='selected'"; } } ?> value="2">2 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 3) { echo "selected='selected'"; } } ?> value="3">3 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 4) { echo "selected='selected'"; } } ?> value="4">4 columns</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Portfolio single slug', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_theme13[portfolio_single_slug]" type="text" value="<?php if (isset($options['portfolio_single_slug']) && $options['portfolio_single_slug'] != "") { echo esc_attr($options['portfolio_single_slug'], 'qode'); } ?> " /> <?php echo sprintf(__('When you put the slug for portfolio page, you should navigate to ', 'qode') . '<code>%s</code>' . __(' and click save button.', 'qode'), '<a href="' . admin_url('options-permalink.php') . '">' . __('Settings -> Permalinks', 'qode') . '</a>'); ?> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Blog</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Quote/Link box color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['blog_quote_link_box_color']) { echo 'background-color:' . esc_attr($options['blog_quote_link_box_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[blog_quote_link_box_color]" type="text" value="<?php if (isset($options['blog_quote_link_box_color']) && $options['blog_quote_link_box_color']) { echo esc_attr($options['blog_quote_link_box_color'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr><td colspan='2'><h2>Blog list</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pagination', 'qode'); ?> </td> <td> <select name="qode_options_theme13[pagination]"> <option <?php if ($options['pagination'] == 0) { echo "selected='selected'"; } ?> value="0">No</option> <option <?php if ($options['pagination'] == 1) { echo "selected='selected'"; } ?> value="1">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Choose blog layout', 'qode'); ?> </td> <td> <select name="qode_options_theme13[blog_style]"> <option <?php if ($options['blog_style'] == 1) { echo "selected='selected'"; } ?> value="1"><?php esc_html_e('Blog Large Image', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 2) { echo "selected='selected'"; } ?> value="2"><?php esc_html_e('Blog Masonry', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 3) { echo "selected='selected'"; } ?> value="3"><?php esc_html_e('Blog Large Image Whole Post', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 4) { echo "selected='selected'"; } ?> value="4"><?php esc_html_e('Blog Small Image', 'qode'); ?> </option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog sidebar', 'qode'); ?> </td> <td> <select name="qode_options_theme13[category_blog_sidebar]"> <option <?php if ($options['category_blog_sidebar'] == "default") { echo "selected='selected'"; } ?> value="default">No Sidebar</option> <option <?php if ($options['category_blog_sidebar'] == 1) { echo "selected='selected'"; } ?> value="1">Sidebar 1/3 right</option> <option <?php if ($options['category_blog_sidebar'] == 2) { echo "selected='selected'"; } ?> value="2">Sidebar 1/4 right</option> <option <?php if ($options['category_blog_sidebar'] == 3) { echo "selected='selected'"; } ?> value="3">Sidebar 1/3 left</option> <option <?php if ($options['category_blog_sidebar'] == 4) { echo "selected='selected'"; } ?> value="4">Sidebar 1/4 left</option> </select> <?php esc_html_e('For category list', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Hide comments', 'qode'); ?> </td> <td> <select name="qode_options_theme13[blog_hide_comments]"> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog Qode Like', 'qode'); ?> </td> <td> <select name="qode_options_theme13[qode_like]"> <option <?php if (isset($options['qode_like'])) { $qode_like = $options['qode_like']; if ($qode_like == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['qode_like'])) { $qode_like = $options['qode_like']; if ($qode_like == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page Range For Pagination', 'qode'); ?> </td> <td> <input name="qode_options_theme13[blog_page_range]" type="text" value="<?php if (isset($options['blog_page_range']) && $options['blog_page_range']) { echo esc_attr($options['blog_page_range'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words', 'qode'); ?> </td> <td> <input name="qode_options_theme13[number_of_chars]" type="text" value="<?php if (isset($options['number_of_chars']) && $options['number_of_chars']) { echo esc_attr($options['number_of_chars'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Number of words in blog listing', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in masonry blog template', 'qode'); ?> </td> <td> <input name="qode_options_theme13[number_of_chars_masonry]" type="text" value="<?php if (isset($options['number_of_chars_masonry']) && $options['number_of_chars_masonry']) { echo esc_attr($options['number_of_chars_masonry'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in large image blog template', 'qode'); ?> </td> <td> <input name="qode_options_theme13[number_of_chars_large_image]" type="text" value="<?php if (isset($options['number_of_chars_large_image']) && $options['number_of_chars_large_image']) { echo esc_attr($options['number_of_chars_large_image'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr><tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in small image blog template', 'qode'); ?> </td> <td> <input name="qode_options_theme13[number_of_chars_small_image]" type="text" value="<?php if (isset($options['number_of_chars_small_image'])) { echo esc_attr($options['number_of_chars_small_image'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr><td colspan='2'><h2>Blog single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar layout', 'qode'); ?> </td> <td> <select name="qode_options_theme13[blog_single_sidebar]"> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == "default") { echo "selected='selected'"; } } ?> value="default">No Sidebar</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 1) { echo "selected='selected'"; } } ?> value="1">Sidebar 1/3 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 2) { echo "selected='selected'"; } } ?> value="2">Sidebar 1/4 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 3) { echo "selected='selected'"; } } ?> value="3">Sidebar 1/3 left</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 4) { echo "selected='selected'"; } } ?> value="4">Sidebar 1/4 left</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_theme13[blog_single_sidebar_custom_display]"> <option value="" <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show Blog Author', 'qode'); ?> </td> <td> <select name="qode_options_theme13[blog_author_info]"> <option <?php if (isset($options['blog_author_info'])) { $blog_author_info = $options['blog_author_info']; if ($blog_author_info == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_author_info'])) { $blog_author_info = $options['blog_author_info']; if ($blog_author_info == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3><?php esc_html_e('Contact page', 'qode'); ?> </h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mail send to', 'qode'); ?> </td> <td> <input name="qode_options_theme13[receive_mail]" type="text" value="<?php if ($options['receive_mail']) { echo esc_attr($options['receive_mail'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Contact Form', 'qode'); ?> </td> <td> <select name="qode_options_theme13[enable_contact_form]"> <option <?php if ($options['enable_contact_form'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_contact_form'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Hide Website Field', 'qode'); ?> </td> <td> <select name="qode_options_theme13[hide_contact_form_website]"> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email From', 'qode'); ?> </td> <td> <input name="qode_options_theme13[email_from]" type="text" value="<?php if ($options['email_from']) { echo esc_attr($options['email_from'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email Subject', 'qode'); ?> </td> <td> <input name="qode_options_theme13[email_subject]" type="text" value="<?php if ($options['email_subject']) { echo esc_attr($options['email_subject'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Use reCaptcha', 'qode'); ?> </td> <td> <select name="qode_options_theme13[use_recaptcha]"> <option <?php if ($options['use_recaptcha'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['use_recaptcha'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha public key', 'qode'); ?> </td> <td> <input name="qode_options_theme13[recaptcha_public_key]" type="text" value="<?php if ($options['recaptcha_public_key']) { echo esc_attr($options['recaptcha_public_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha private key', 'qode'); ?> </td> <td> <input name="qode_options_theme13[recaptcha_private_key]" type="text" value="<?php if ($options['recaptcha_private_key']) { echo esc_attr($options['recaptcha_private_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Heading above contact form', 'qode'); ?> </td> <td> <input name="qode_options_theme13[contact_heading_above]" type="text" value="<?php if ($options['contact_heading_above']) { echo esc_attr($options['contact_heading_above'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Google Map', 'qode'); ?> </td> <td> <select name="qode_options_theme13[enable_google_map]"> <option <?php if ($options['enable_google_map'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_google_map'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <?php if ($options['enable_google_map'] == "yes") { ?> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pin image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="google_maps_pin_image" name="qode_options_theme13[google_maps_pin_image]" class="google_maps_pin_image" value="<?php if (isset($options['google_maps_pin_image'])) { echo esc_attr($options['google_maps_pin_image'], 'qode'); } else { echo QODE_ROOT . "/img/pin.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address', 'qode'); ?> </td> <td> <input id="google_maps_address" name="qode_options_theme13[google_maps_address]" value="<?php if (isset($options['google_maps_address'])) { echo esc_attr($options['google_maps_address'], 'qode'); } ?> " size="130" /> <?php esc_html_e('Example (Louvre Museum, Paris, France)', 'qode'); ?> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 2', 'qode'); ?> </td> <td> <input id="google_maps_address2" name="qode_options_theme13[google_maps_address2]" value="<?php if (isset($options['google_maps_address2'])) { echo esc_attr($options['google_maps_address2'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 3', 'qode'); ?> </td> <td> <input id="google_maps_address3" name="qode_options_theme13[google_maps_address3]" value="<?php if (isset($options['google_maps_address3'])) { echo esc_attr($options['google_maps_address3'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 4', 'qode'); ?> </td> <td> <input id="google_maps_address4" name="qode_options_theme13[google_maps_address4]" value="<?php if (isset($options['google_maps_address4'])) { echo esc_attr($options['google_maps_address4'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 5', 'qode'); ?> </td> <td> <input id="google_maps_address5" name="qode_options_theme13[google_maps_address5]" value="<?php if (isset($options['google_maps_address5'])) { echo esc_attr($options['google_maps_address5'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map zoom', 'qode'); ?> </td> <td> <input id="google_maps_zoom" name="qode_options_theme13[google_maps_zoom]" value="<?php if (isset($options['google_maps_zoom'])) { echo esc_attr($options['google_maps_zoom'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map height (px)', 'qode'); ?> </td> <td> <input id="google_maps_height" name="qode_options_theme13[google_maps_height]" value="<?php if (isset($options['google_maps_height'])) { echo esc_attr($options['google_maps_height'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map style', 'qode'); ?> </td> <td> <select name="qode_options_theme13[google_maps_style]"> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if ($options['google_maps_color']) { echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_theme13[google_maps_color]" type="text" value="<?php if (isset($options['google_maps_color'])) { if ($options['google_maps_color']) { echo esc_attr($options['google_maps_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map scroll on mouse wheel', 'qode'); ?> </td> <td> <select name="qode_options_theme13[google_maps_scroll_wheel]"> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <?php } ?> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>404 page</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <input name="qode_options_theme13[404_title]" type="text" value="<?php if ($options['404_title']) { echo esc_attr($options['404_title'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Subtitle', 'qode'); ?> </td> <td> <input name="qode_options_theme13[404_subtitle]" type="text" value="<?php if (isset($options['404_subtitle']) && $options['404_subtitle']) { echo esc_attr($options['404_subtitle'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Text', 'qode'); ?> </td> <td> <input name="qode_options_theme13[404_text]" type="text" value="<?php if ($options['404_text']) { echo esc_attr($options['404_text'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Back to home label', 'qode'); ?> </td> <td> <input name="qode_options_theme13[404_backlabel]" type="text" value="<?php if ($options['404_backlabel']) { echo esc_attr($options['404_backlabel'], 'qode'); } ?> " /> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Social</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Social Share', 'qode'); ?> </td> <td> <select name="qode_options_theme13[enable_social_share]"> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Facebook', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Facebook', 'qode'); ?> <select name="qode_options_theme13[enable_facebook_share]"> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="facebook_icon" name="qode_options_theme13[facebook_icon]" class="facebook_icon" value="<?php if (isset($options['facebook_icon'])) { echo esc_attr($options['facebook_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Twitter', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Twitter', 'qode'); ?> <select name="qode_options_theme13[enable_twitter_share]"> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="twitter_icon" name="qode_options_theme13[twitter_icon]" class="twitter_icon" value="<?php if (isset($options['twitter_icon'])) { echo esc_attr($options['twitter_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <div class="inline"> <?php esc_html_e('Via', 'qode'); ?> <input name="qode_options_theme13[twitter_via]" type="text" value="<?php if (isset($options['twitter_via'])) { echo esc_attr($options['twitter_via'], 'qode'); } ?> " /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google +', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Google +', 'qode'); ?> <select name="qode_options_theme13[enable_google_plus]"> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="google_plus_icon" name="qode_options_theme13[google_plus_icon]" class="google_plus_icon" value="<?php if (isset($options['google_plus_icon'])) { echo esc_attr($options['google_plus_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('LinkedIn', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable LinkedIn', 'qode'); ?> <select name="qode_options_theme13[enable_linkedin]"> <option <?php if (isset($options['enable_linkedin'])) { $enable_linkedin = $options['enable_linkedin']; if ($enable_linkedin == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_linkedin'])) { $enable_linkedin = $options['enable_linkedin']; if ($enable_linkedin == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="linkedin_icon" name="qode_options_theme13[linkedin_icon]" class="linkedin_icon" value="<?php if (isset($options['linkedin_icon'])) { echo esc_attr($options['linkedin_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Tumblr', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Tumblr', 'qode'); ?> <select name="qode_options_theme13[enable_tumblr]"> <option <?php if (isset($options['enable_tumblr'])) { $enable_tumblr = $options['enable_tumblr']; if ($enable_tumblr == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_tumblr'])) { $enable_tumblr = $options['enable_tumblr']; if ($enable_tumblr == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Tumblr Icon', 'qode'); ?> <input type="text" id="tumblr_icon" name="qode_options_theme13[tumblr_icon]" class="tumblr_icon" value="<?php if (isset($options['tumblr_icon'])) { echo esc_attr($options['tumblr_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Pinterest', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Pinterest', 'qode'); ?> <select name="qode_options_theme13[enable_pinterest]"> <option <?php if (isset($options['enable_pinterest'])) { $enable_pinterest = $options['enable_pinterest']; if ($enable_pinterest == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_pinterest'])) { $enable_pinterest = $options['enable_pinterest']; if ($enable_pinterest == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Pinterest Icon', 'qode'); ?> <input type="text" id="pinterest_icon" name="qode_options_theme13[pinterest_icon]" class="pinterest_icon" value="<?php if (isset($options['pinterest_icon'])) { echo esc_attr($options['pinterest_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('VK', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable VK', 'qode'); ?> <select name="qode_options_theme13[enable_vk]"> <option <?php if (isset($options['enable_vk'])) { $enable_vk = $options['enable_vk']; if ($enable_vk == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_vk'])) { $enable_vk = $options['enable_vk']; if ($enable_vk == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('VK Icon', 'qode'); ?> <input type="text" id="vk_icon" name="qode_options_theme13[vk_icon]" class="vk_icon" value="<?php if (isset($options['vk_icon'])) { echo esc_attr($options['vk_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Show For', 'qode'); ?> </td> <td> <?php $args_post_types = array('public' => true); $post_types = get_post_types($args_post_types); foreach ($post_types as $post_type) { $post_type_object = get_post_type_object($post_type); ?> <input type="checkbox" value="<?php echo $post_type; ?> " <?php if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") { echo "checked='checked'"; } ?> name="qode_options_theme13[post_types_names_<?php echo $post_type; ?> ]" /><?php echo " " . $post_type_object->labels->singular_name; ?> <br /><br /> <?php } ?> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> </div> <?php }
/** * Display the new Custom Fields meta box */ function displayCustomFields() { global $post; global $qode_options_proya; global $fontArrays; ?> <div class="form-wrap"> <?php wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true); foreach ($this->customFields as $customField) { // Check scope $scope = $customField['scope']; $dependency = $customField['dependency']; $output = false; foreach ($scope as $scopeItem) { switch ($scopeItem) { default: if ($post->post_type == $scopeItem) { if ($dependency != "") { foreach ($dependency as $dependencyKey => $dependencyValue) { foreach ($dependencyValue as $dependencyVal) { if (isset($qode_options_proya[$dependencyKey]) && $qode_options_proya[$dependencyKey] == $dependencyVal) { $output = true; break; } } } } else { $output = true; } } else { break; } } if ($output) { break; } } // Check capability if (!current_user_can($customField['capability'], $post->ID)) { $output = false; } // Output if allowed if ($output) { ?> <?php switch ($customField['type']) { case "checkbox": // Checkbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; break; case "selectbox": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <?php foreach ($customField['values'] as $valuesKey => $valuesValue) { ?> <option value="<?php echo $valuesKey; ?> " <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $valuesKey) { ?> selected="selected" <?php } ?> ><?php echo $valuesValue; ?> </option> <?php } ?> <?php echo '</select>'; echo '</div>'; break; case "selectbox-category": $categories = get_categories(); if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; echo '<option value=""></option>'; foreach ($categories as $category) { echo '<option value="' . $category->term_id . '"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) { echo 'selected="selected"'; } echo '>'; echo $category->name; ?> <?php echo '</option>'; } echo '</select>'; echo '</div>'; break; case "selectbox-portfolio-list-page": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']); wp_dropdown_pages($args); echo '</div>'; break; case "image-title-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="' . $this->prefix . $customField['name'] . '" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "image-title-overlay-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="title_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="title_overlay_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "slide-background-type": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<label for="image_background" style="display:inline;"><b>Image</b></label> '; echo '<input class="slide_background_type" data-type="image_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="image_background" value="image"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "image") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '<label for="video_background" style="display:inline;"><b>Video</b></label> '; echo '<input class="slide_background_type" data-type="video_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="video_background" value="video"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "video") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; break; case "slide-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="image_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-thumbnail": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_thumbnail" name="' . $this->prefix . $customField['name'] . '" class="slide_thumbnail" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "slide-video-input": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; echo '</div>'; break; case "slide-video-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_video_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-video-overlay-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_video_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-video-checkbox": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; echo '</div>'; break; case "font-family": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "-1") { ?> selected="selected" <?php } ?> >Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> <?php echo '</select>'; echo '</div>'; break; case "selectbox-sidebar": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">'; echo '<option value=""></option>'; foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) { ?> selected="selected" <?php } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } echo '</select>'; echo '</div>'; break; case "carousel-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="carousel-image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "slide-overlay-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="image_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="' . $this->prefix . $customField['name'] . '" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "datepicker": // Datepicker if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; case "colorpicker": //Colorpicker if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' colorpicker_input">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />'; echo '</div>'; break; case "textarea": case "wysiwyg": // Text area if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>'; // WYSIWYG if ($customField['type'] == "wysiwyg") { ?> <script type="text/javascript"> jQuery( document ).ready( function() { jQuery( "<?php echo $this->prefix . $customField['name']; ?> " ).addClass( "mceEditor" ); if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) { tinyMCE.execCommand( "mceAddControl", false, "<?php echo $this->prefix . $customField['name']; ?> " ); } }); </script> <?php } echo '</div>'; break; case "short-text-200": // Plain text field if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' short_text_200">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; case "hidden": break; default: // Plain text field if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; } ?> <?php if ($customField['description']) { echo '<p>' . $customField['description'] . '</p>'; } ?> <?php if ($customField['clear_after'] == 'yes') { echo '<div class="clear"></div>'; } ?> <?php } } ?> </div> <?php }
function general_options_contentbox($options) { global $fontArrays; ?> <div class="sections"> <h3>Global Options</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('First main color', 'qode'); ?> </td> <td> <div> <div class="colorSelector"><div style="<?php if ($options['first_color']) { echo 'background-color:' . esc_attr($options['first_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[first_color]" type="text" value="<?php if ($options['first_color']) { echo esc_attr($options['first_color'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Second main color', 'qode'); ?> </td> <td> <div> <div class="colorSelector"><div style="<?php if ($options['second_color']) { echo 'background-color:' . esc_attr($options['second_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[second_color]" type="text" value="<?php if ($options['second_color']) { echo esc_attr($options['second_color'], 'qode'); } ?> " size="30" maxlength="100" /> <?php esc_html_e('Default second main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #303030; background-color: #303030;" title="#303030"></span></div> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Third main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['third_color']) { echo 'background-color:' . esc_attr($options['third_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[third_color]" type="text" value="<?php if (isset($options['third_color'])) { if ($options['third_color']) { echo esc_attr($options['third_color'], 'qode'); } } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default third main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e3e3e3; background-color: #e3e3e3;" title="#e3e3e3"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Fourth main color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['fourth_color']) { echo 'background-color:' . esc_attr($options['fourth_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[fourth_color]" type="text" value="<?php if (isset($options['fourth_color'])) { if ($options['fourth_color']) { echo esc_attr($options['fourth_color'], 'qode'); } } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default fourth main color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #c0c0c0;" title="#c0c0c0"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background color (content)', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color']) { echo 'background-color:' . esc_attr($options['background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[background_color]" type="text" value="<?php if ($options['background_color']) { echo esc_attr($options['background_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default background color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #f6f6f6;" title="#f6f6f6"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background color (body)', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['background_color_box']) { echo 'background-color:' . esc_attr($options['background_color_box'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[background_color_box]" type="text" value="<?php if (isset($options['background_color_box'])) { echo esc_attr($options['background_color_box'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default boxed background color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #e0dede; background-color: #f6f6f6;" title="#f6f6f6"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background boxes color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if (isset($options['background_color_boxes']) && $options['background_color_boxes']) { echo 'background-color:' . esc_attr($options['background_color_boxes'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[background_color_boxes]" type="text" value="<?php if (isset($options['background_color_boxes'])) { echo esc_attr($options['background_color_boxes'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Background color for boxes (blog, portfolio...)', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; border: 1px solid #ededed; background-color: #fff;" title="#fff"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Highlight color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['highlight_color']) { echo 'background-color:' . esc_attr($options['highlight_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[highlight_color]" type="text" value="<?php if ($options['highlight_color']) { echo esc_attr($options['highlight_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default highlight color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Selection color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['selection_color']) { echo 'background-color:' . esc_attr($options['selection_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[selection_color]" type="text" value="<?php if ($options['selection_color']) { echo esc_attr($options['selection_color'], 'qode'); } ?> " size="30" maxlength="500" /> <?php esc_html_e('Default selection color', 'qode'); ?> <div class="inline" style="vertical-align:middle; margin: 0 0 0 10px;"><span style="width: 20px; height: 20px; display: inline-block; background-color: #1abc9c;" title="#1abc9c"></span></div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="background_image" name="qode_options_proya[background_image]" class="background_image" value="<?php if (isset($options['background_image'])) { echo esc_attr($options['background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pattern background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="pattern_background_image" name="qode_options_proya[pattern_background_image]" class="pattern_background_image" value="<?php if (isset($options['pattern_background_image'])) { echo esc_attr($options['pattern_background_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Favicon image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="favicon_image" name="qode_options_proya[favicon_image]" class="favicon_image" value="<?php if ($options['favicon_image']) { echo esc_attr($options['favicon_image'], 'qode'); } else { echo QODE_ROOT . "/img/favicon.ico"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google fonts', 'qode'); ?> </td> <td> <select name="qode_options_proya[google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> <?php esc_html_e('Choose Font', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page transition', 'qode'); ?> </td> <td> <select name="qode_options_proya[page_transitions]"> <option <?php if ($options['page_transitions'] == 0) { echo "selected='selected'"; } ?> value="0">No animation</option> <option <?php if ($options['page_transitions'] == 1) { echo "selected='selected'"; } ?> value="1">Up/Down</option> <option <?php if ($options['page_transitions'] == 2) { echo "selected='selected'"; } ?> value="2">Fade</option> <option <?php if ($options['page_transitions'] == 3) { echo "selected='selected'"; } ?> value="3">Up/Down (In) / Fade (Out)</option> <option <?php if ($options['page_transitions'] == 4) { echo "selected='selected'"; } ?> value="4">Left/Right</option> </select> <?php esc_html_e('In order for animation to work properly, you must choose "Post name" in permalinks settings', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Boxed', 'qode'); ?> </td> <td> <select name="qode_options_proya[boxed]"> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['boxed'])) { $boxed = $options['boxed']; if ($boxed == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <!-- <tr valign="middle">--> <!-- <td scope="row" width="150">--><?php //esc_html_e('Move content up', 'qode'); ?> <!--</td>--> <!-- <td>--> <!-- <select name="qode_options_proya[move_content_up]">--> <!-- <option --><?php //if(isset($options['move_content_up'])){ $content_negative_top_margin = $options['move_content_up']; if ($content_negative_top_margin == 'no') { echo "selected='selected'"; } } ?> <!-- value="no">No</option>--> <!-- <option --><?php //if(isset($options['move_content_up'])){ $content_negative_top_margin = $options['move_content_up']; if ($content_negative_top_margin == 'yes') { echo "selected='selected'"; } } ?> <!-- value="yes">Yes</option>--> <!-- </select>--> <!-- </td>--> <!-- </tr>--> <!-- <tr valign="middle">--> <!-- <td scope="row" width="150">--><?php //esc_html_e('Content top margin (enter negative values in px)', 'qode'); ?> <!--</td>--> <!-- <td>--> <!-- <input name="qode_options_proya[content_negative_margin]" type="text" value="--><?php //if (isset($options['content_negative_margin'])) { echo esc_attr($options['content_negative_margin'], 'qode'); } ?> <!--" size="20" maxlength="30" />--> <!-- </td>--> <!-- </tr>--> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading animation', 'qode'); ?> </td> <td> <select name="qode_options_proya[loading_animation]"> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['loading_animation'])) { $loading_animation = $options['loading_animation']; if ($loading_animation == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading animation spinner', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[loading_animation_spinner]"> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'pulse') { echo "selected='selected'"; } } ?> value="pulse">Pulse</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'double_pulse') { echo "selected='selected'"; } } ?> value="double_pulse">Double Pulse</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'cube') { echo "selected='selected'"; } } ?> value="cube">Cube</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'rotating_cubes') { echo "selected='selected'"; } } ?> value="rotating_cubes">Rotating Cubes</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'stripes') { echo "selected='selected'"; } } ?> value="stripes">Stripes</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'wave') { echo "selected='selected'"; } } ?> value="wave">Wave</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'two_rotating_circles') { echo "selected='selected'"; } } ?> value="two_rotating_circles">2 Rotating Circles</option> <option <?php if (isset($options['loading_animation_spinner'])) { $loading_animation_spinner = $options['loading_animation_spinner']; if ($loading_animation_spinner == 'five_rotating_circles') { echo "selected='selected'"; } } ?> value="five_rotating_circles">5 Rotating Circles</option> </select> </div> <div class="inline"> <div class="colorSelector"><div style="<?php if ($options['spinner_color']) { echo 'background-color:' . esc_attr($options['spinner_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[spinner_color]" type="text" value="<?php if (isset($options['spinner_color'])) { if ($options['spinner_color']) { echo esc_attr($options['spinner_color'], 'qode'); } } ?> " size="10" maxlength="10" /> <?php esc_html_e('Spinner color', 'qode'); ?> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Loading image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="loading_image" name="qode_options_proya[loading_image]" class="loading_image" value="<?php if (isset($options['loading_image']) && $options['loading_image'] != "") { echo esc_attr($options['loading_image'], 'qode'); } else { echo ""; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Smooth scroll', 'qode'); ?> </td> <td> <select name="qode_options_proya[smooth_scroll]"> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['smooth_scroll'])) { $smooth_scroll = $options['smooth_scroll']; if ($smooth_scroll == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> </select> <?php esc_html_e('For Chrome and Opera browsers', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Responsiveness', 'qode'); ?> </td> <td> <select name="qode_options_proya[responsiveness]"> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['responsiveness'])) { $responsiveness = $options['responsiveness']; if ($responsiveness == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show back button', 'qode'); ?> </td> <td> <select name="qode_options_proya[show_back_button]"> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['show_back_button'])) { $show_back_button = $options['show_back_button']; if ($show_back_button == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Elements animation on mobile/touch devices', 'qode'); ?> </td> <td> <select name="qode_options_proya[elements_animation_on_touch]"> <option <?php if (isset($options['elements_animation_on_touch'])) { $elements_animation_on_touch = $options['elements_animation_on_touch']; if ($elements_animation_on_touch == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['elements_animation_on_touch'])) { $elements_animation_on_touch = $options['elements_animation_on_touch']; if ($elements_animation_on_touch == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Google Analytics Account ID', 'qode'); ?> </td> <td> <input name="qode_options_proya[google_analytics_code]" type="text" value="<?php if (isset($options['google_analytics_code'])) { echo esc_attr($options['google_analytics_code'], 'qode'); } ?> " size="63" maxlength="500" /> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('List of internal URLs loaded without AJAX (separated with comma)', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="internal_no_ajax_links" name="qode_options_proya[internal_no_ajax_links]" cols="60" rows="5"><?php if (isset($options['internal_no_ajax_links'])) { echo esc_attr($options['internal_no_ajax_links'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom css', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_css" name="qode_options_proya[custom_css]" cols="60" rows="5"><?php if ($options['custom_css']) { echo esc_attr($options['custom_css'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Custom js', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="custom_js" name="qode_options_proya[custom_js]" cols="60" rows="5"><?php if ($options['custom_js']) { echo esc_attr($options['custom_js'], 'qode'); } ?> </textarea> </div><br/> <?php esc_html_e('jQuery selector is "$j" because of the conflict mode', 'qode'); ?> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Keywords', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_keywords" name="qode_options_proya[meta_keywords]" cols="60" rows="5"><?php if ($options['meta_keywords']) { echo esc_attr($options['meta_keywords'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td valign="top"><?php esc_html_e('Meta Description', 'qode'); ?> </td> <td> <div class="inline"> <textarea id="meta_description" name="qode_options_proya[meta_description]" cols="60" rows="5"><?php if ($options['meta_description']) { echo esc_attr($options['meta_description'], 'qode'); } ?> </textarea> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Disable Qode SEO', 'qode'); ?> </td> <td> <select name="qode_options_proya[disable_qode_seo]"> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['disable_qode_seo'])) { $disable_qode_seo = $options['disable_qode_seo']; if ($disable_qode_seo == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>General Font Options</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Headings</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H1 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h1_color']) { echo 'background-color:' . esc_attr($options['h1_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h1_color]" type="text" value="<?php if ($options['h1_color']) { echo esc_attr($options['h1_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h1_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h1_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h1_fontsize]" type="text" value="<?php if ($options['h1_fontsize']) { echo esc_attr($options['h1_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h1_lineheight]" type="text" value="<?php if ($options['h1_lineheight']) { echo esc_attr($options['h1_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h1_fontstyle]"> <option <?php if ($options['h1_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h1_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h1_fontweight]"> <option <?php if ($options['h1_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h1_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h1_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h1_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h1_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h1_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h1_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h1_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h1_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h1_letterspacing]" type="text" value="<?php if (isset($options['h1_letterspacing']) && $options['h1_letterspacing'] !== '') { echo esc_attr($options['h1_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h1_texttransform]"> <option <?php if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h1_texttransform']) && $options['h1_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H2 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h2_color']) { echo 'background-color:' . esc_attr($options['h2_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h2_color]" type="text" value="<?php if ($options['h2_color']) { echo esc_attr($options['h2_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h2_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h2_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h2_fontsize]" type="text" value="<?php if ($options['h2_fontsize']) { echo esc_attr($options['h2_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h2_lineheight]" type="text" value="<?php if ($options['h2_lineheight']) { echo esc_attr($options['h2_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h2_fontstyle]"> <option <?php if ($options['h2_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h2_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h2_fontweight]"> <option <?php if ($options['h2_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h2_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h2_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h2_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h2_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h2_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h2_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h2_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h2_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h2_letterspacing]" type="text" value="<?php if (isset($options['h2_letterspacing']) && $options['h2_letterspacing'] !== '') { echo esc_attr($options['h2_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h2_texttransform]"> <option <?php if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h2_texttransform']) && $options['h2_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H3 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h3_color']) { echo 'background-color:' . esc_attr($options['h3_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h3_color]" type="text" value="<?php if ($options['h3_color']) { echo esc_attr($options['h3_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h3_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h3_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h3_fontsize]" type="text" value="<?php if ($options['h3_fontsize']) { echo esc_attr($options['h3_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h3_lineheight]" type="text" value="<?php if ($options['h3_lineheight']) { echo esc_attr($options['h3_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h3_fontstyle]"> <option <?php if ($options['h3_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h3_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h3_fontweight]"> <option <?php if ($options['h3_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h3_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h3_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h3_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h3_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h3_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h3_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h3_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h3_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h3_letterspacing]" type="text" value="<?php if (isset($options['h3_letterspacing']) && $options['h3_letterspacing'] !== '') { echo esc_attr($options['h3_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h3_texttransform]"> <option <?php if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h3_texttransform']) && $options['h3_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H4 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h4_color']) { echo 'background-color:' . esc_attr($options['h4_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h4_color]" type="text" value="<?php if ($options['h4_color']) { echo esc_attr($options['h4_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h4_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h4_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h4_fontsize]" type="text" value="<?php if ($options['h4_fontsize']) { echo esc_attr($options['h4_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h4_lineheight]" type="text" value="<?php if ($options['h4_lineheight']) { echo esc_attr($options['h4_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h4_fontstyle]"> <option <?php if ($options['h4_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h4_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h4_fontweight]"> <option <?php if ($options['h4_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h4_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h4_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h4_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h4_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h4_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h4_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h4_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h4_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h4_letterspacing]" type="text" value="<?php if (isset($options['h4_letterspacing']) && $options['h4_letterspacing'] !== '') { echo esc_attr($options['h4_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h4_texttransform]"> <option <?php if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h4_texttransform']) && $options['h4_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H5 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h5_color']) { echo 'background-color:' . esc_attr($options['h5_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h5_color]" type="text" value="<?php if ($options['h5_color']) { echo esc_attr($options['h5_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h5_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h5_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h5_fontsize]" type="text" value="<?php if ($options['h5_fontsize']) { echo esc_attr($options['h5_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h5_lineheight]" type="text" value="<?php if ($options['h5_lineheight']) { echo esc_attr($options['h5_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h5_fontstyle]"> <option <?php if ($options['h5_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h5_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h5_fontweight]"> <option <?php if ($options['h5_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h5_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h5_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h5_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h5_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h5_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h5_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h5_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h5_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h5_letterspacing]" type="text" value="<?php if (isset($options['h5_letterspacing']) && $options['h5_letterspacing'] !== '') { echo esc_attr($options['h5_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h5_texttransform]"> <option <?php if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h5_texttransform']) && $options['h5_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('H6 style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['h6_color']) { echo 'background-color:' . esc_attr($options['h6_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[h6_color]" type="text" value="<?php if ($options['h6_color']) { echo esc_attr($options['h6_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[h6_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['h6_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[h6_fontsize]" type="text" value="<?php if ($options['h6_fontsize']) { echo esc_attr($options['h6_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[h6_lineheight]" type="text" value="<?php if ($options['h6_lineheight']) { echo esc_attr($options['h6_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[h6_fontstyle]"> <option <?php if ($options['h6_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['h6_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[h6_fontweight]"> <option <?php if ($options['h6_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['h6_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['h6_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['h6_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['h6_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['h6_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['h6_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['h6_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['h6_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[h6_letterspacing]" type="text" value="<?php if (isset($options['h6_letterspacing']) && $options['h6_letterspacing'] !== '') { echo esc_attr($options['h6_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[h6_texttransform]"> <option <?php if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['h6_texttransform']) && $options['h6_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Text</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['text_color']) { echo 'background-color:' . esc_attr($options['text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[text_color]" type="text" value="<?php if ($options['text_color']) { echo esc_attr($options['text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[text_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['text_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[text_fontsize]" type="text" value="<?php if ($options['text_fontsize']) { echo esc_attr($options['text_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[text_lineheight]" type="text" value="<?php if ($options['text_lineheight']) { echo esc_attr($options['text_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[text_fontstyle]"> <option <?php if ($options['text_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['text_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[text_fontweight]"> <option <?php if ($options['text_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['text_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['text_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['text_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['text_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['text_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['text_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['text_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['text_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Top/Bottom margin (px)', 'qode'); ?> <input name="qode_options_proya[text_margin]" type="text" value="<?php if (isset($options['text_margin'])) { echo esc_attr($options['text_margin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Link style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_color']) { echo 'background-color:' . esc_attr($options['link_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[link_color]" type="text" value="<?php if ($options['link_color']) { echo esc_attr($options['link_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['link_hovercolor']) { echo 'background-color:' . esc_attr($options['link_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[link_hovercolor]" type="text" value="<?php if ($options['link_hovercolor']) { echo esc_attr($options['link_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[link_fontstyle]"> <option <?php if ($options['link_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['link_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[link_fontweight]"> <option <?php if ($options['link_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['link_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['link_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['link_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['link_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['link_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['link_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['link_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Font decoration', 'qode'); ?> <select name="qode_options_proya[link_fontdecoration]"> <option <?php if ($options['link_fontdecoration'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['link_fontdecoration'] == "none") { echo "selected='selected'"; } ?> value="none">none</option> <option <?php if ($options['link_fontdecoration'] == "bold") { echo "selected='selected'"; } ?> value="underline">underline</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Page title</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page title style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['page_title_color']) { echo 'background-color:' . esc_attr($options['page_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[page_title_color]" type="text" value="<?php if ($options['page_title_color']) { echo esc_attr($options['page_title_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[page_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['page_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[page_title_fontsize]" type="text" value="<?php if ($options['page_title_fontsize']) { echo esc_attr($options['page_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[page_title_lineheight]" type="text" value="<?php if ($options['page_title_lineheight']) { echo esc_attr($options['page_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[page_title_fontstyle]"> <option <?php if ($options['page_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['page_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[page_title_fontweight]"> <option <?php if ($options['page_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['page_title_fontweight'] == "100") { echo "selected='selected'"; } ?> value="100">100</option> <option <?php if ($options['page_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['page_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['page_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['page_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['page_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['page_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['page_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['page_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Predefined medium type', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[page_title_medium_fontsize]" type="text" value="<?php if (isset($options['page_title_medium_fontsize']) && $options['page_title_medium_fontsize']) { echo esc_attr($options['page_title_medium_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[page_title_medium_lineheight]" type="text" value="<?php if (isset($options['page_title_medium_lineheight'])) { echo esc_attr($options['page_title_medium_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[page_title_medium_fontweight]"> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['page_title_medium_fontweight']) && $options['page_title_medium_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Predefined large type', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[page_title_large_fontsize]" type="text" value="<?php if (isset($options['page_title_large_fontsize']) && $options['page_title_large_fontsize']) { echo esc_attr($options['page_title_large_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[page_title_large_lineheight]" type="text" value="<?php if (isset($options['page_title_large_lineheight'])) { echo esc_attr($options['page_title_large_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[page_title_large_fontweight]"> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['page_title_large_fontweight']) && $options['page_title_large_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Page Subtitle</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Subtitle style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['page_subtitle_color'])) { echo 'background-color:' . esc_attr($options['page_subtitle_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[page_subtitle_color]" type="text" value="<?php if (isset($options['page_subtitle_color'])) { echo esc_attr($options['page_subtitle_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[page_subtitle_font_family]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['page_subtitle_font_family']) && $options['page_subtitle_font_family'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[page_subtitle_fontsize]" type="text" value="<?php if (isset($options['page_subtitle_fontsize']) && $options['page_subtitle_fontsize']) { echo esc_attr($options['page_subtitle_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[page_subtitle_lineheight]" type="text" value="<?php if (isset($options['page_subtitle_lineheight'])) { echo esc_attr($options['page_subtitle_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[page_subtitle_font_style]"> <option <?php if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "normal") { echo "selected='selected'"; } ?> value="normal">Normal</option> <option <?php if (isset($options['page_subtitle_font_style']) && $options['page_subtitle_font_style'] == "italic") { echo "selected='selected'"; } ?> value="italic">Italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[page_subtitle_fontweight]"> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['page_subtitle_fontweight']) && $options['page_subtitle_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Subtitle for predefined large style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[page_subtitle_large_fontsize]" type="text" value="<?php if (isset($options['page_subtitle_large_fontsize']) && $options['page_subtitle_large_fontsize']) { echo esc_attr($options['page_subtitle_large_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[page_subtitle_large_lineheight]" type="text" value="<?php if (isset($options['page_subtitle_large_lineheight'])) { echo esc_attr($options['page_subtitle_large_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[page_subtitle_large_fontweight]"> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['page_subtitle_large_fontweight']) && $options['page_subtitle_large_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Quote and Link blog format and Blockquote shortcode</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Font style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[quote_link_blockqoute_fontsize]" type="text" value="<?php if (isset($options['quote_link_blockqoute_fontsize'])) { echo esc_attr($options['quote_link_blockqoute_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[quote_link_blockqoute_lineheight]" type="text" value="<?php if (isset($options['quote_link_blockqoute_lineheight'])) { echo esc_attr($options['quote_link_blockqoute_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Portfolio</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Categories Filter', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['portfolio_filter_color']) { echo 'background-color:' . esc_attr($options['portfolio_filter_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[portfolio_filter_color]" type="text" value="<?php if (isset($options['portfolio_filter_color'])) { echo esc_attr($options['portfolio_filter_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[portfolio_filter_font_family]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['portfolio_filter_font_family']) && $options['portfolio_filter_font_family'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[portfolio_filter_font_size]" type="text" value="<?php if (isset($options['portfolio_filter_font_size'])) { echo esc_attr($options['portfolio_filter_font_size'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[portfolio_filter_line_height]" type="text" value="<?php if (isset($options['portfolio_filter_line_height'])) { echo esc_attr($options['portfolio_filter_line_height'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[portfolio_filter_font_style]"> <option <?php if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['portfolio_filter_font_style']) && $options['portfolio_filter_font_style'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[portfolio_filter_font_weight]"> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['portfolio_filter_font_weight']) && $options['portfolio_filter_font_weight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[portfolio_filter_letter_spacing]" type="text" value="<?php if (isset($options['portfolio_filter_letter_spacing']) && $options['portfolio_filter_letter_spacing'] !== '') { echo esc_attr($options['portfolio_filter_letter_spacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[portfolio_filter_text_transform]"> <option <?php if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['portfolio_filter_text_transform']) && $options['portfolio_filter_text_transform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Header and Footer</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Header</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[header_in_grid]"> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_in_grid'])) { if ($options['header_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show header top area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[header_top_area]"> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_top_area'])) { if ($options['header_top_area'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Scroll header top area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[header_top_area_scroll]"> <option <?php if (isset($options['header_top_area_scroll'])) { if ($options['header_top_area_scroll'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['header_top_area_scroll'])) { if ($options['header_top_area_scroll'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable breadcrumbs', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[enable_breadcrumbs]"> <option <?php if (isset($options['enable_breadcrumbs'])) { if ($options['enable_breadcrumbs'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_breadcrumbs'])) { if ($options['enable_breadcrumbs'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable Qode Search', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[enable_search]"> <option <?php if (isset($options['enable_search'])) { if ($options['enable_search'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_search'])) { if ($options['enable_search'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <?php if (isset($options['enable_search']) && $options['enable_search'] == 'yes') { ?> <tr> <td valign="middle" width="150"><?php esc_html_e('Qode Search Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['search_background_color'])) { echo 'background-color:' . esc_attr($options['search_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[search_background_color]" type="text" value="<?php if (isset($options['search_background_color'])) { echo esc_attr($options['search_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Qode Search Text Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['search_text_color'])) { echo 'background-color:' . esc_attr($options['search_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[search_text_color]" type="text" value="<?php if (isset($options['search_text_color'])) { echo esc_attr($options['search_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <?php } ?> <tr> <td valign="middle" width="150"><?php esc_html_e('Header bottom appearance', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[header_bottom_appearance]"> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "regular") { echo "selected='selected'"; } } ?> value="regular">Regular</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "fixed") { echo "selected='selected'"; } } ?> value="fixed">Fixed</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "fixed_hiding") { echo "selected='selected'"; } } ?> value="fixed_hiding">Fixed with hiding menu (logo is centered)</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "stick") { echo "selected='selected'"; } } ?> value="stick">Sticky</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "stick menu_bottom") { echo "selected='selected'"; } } ?> value="stick menu_bottom">Sticky with menu on bottom</option> <option <?php if (isset($options['header_bottom_appearance'])) { if ($options['header_bottom_appearance'] == "stick_with_left_right_menu") { echo "selected='selected'"; } } ?> value="stick_with_left_right_menu">Sticky with left and right menu (centered logo)</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Header style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[header_style]"> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "") { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "light") { echo "selected='selected'"; } } ?> value="light">Light</option> <option <?php if (isset($options['header_style'])) { if ($options['header_style'] == "dark") { echo "selected='selected'"; } } ?> value="dark">Dark</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Menu position', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[menu_position]"> <option <?php if (isset($options['menu_position'])) { if ($options['menu_position'] == "") { echo "selected='selected'"; } } ?> value="">Deafult</option> <option <?php if (isset($options['menu_position'])) { if ($options['menu_position'] == "center") { echo "selected='selected'"; } } ?> value="center">Center</option> </select> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Top background color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_top_background_color']) { echo 'background-color:' . esc_attr($options['header_top_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_top_background_color]" type="text" value="<?php if (isset($options['header_top_background_color'])) { echo esc_attr($options['header_top_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Bottom background color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_background_color']) { echo 'background-color:' . esc_attr($options['header_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_background_color]" type="text" value="<?php if (isset($options['header_background_color'])) { echo esc_attr($options['header_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Scrolled (fixed style)', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_background_color_scroll'])) { if ($options['header_background_color_scroll']) { echo 'background-color:' . esc_attr($options['header_background_color_scroll'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_proya[header_background_color_scroll]" type="text" value="<?php if (isset($options['header_background_color_scroll'])) { echo esc_attr($options['header_background_color_scroll'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Sticky', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_background_color_sticky'])) { if ($options['header_background_color_sticky']) { echo 'background-color:' . esc_attr($options['header_background_color_sticky'], 'qode') . ';'; } } ?> "></div></div> <input name="qode_options_proya[header_background_color_sticky]" type="text" value="<?php if (isset($options['header_background_color_sticky'])) { echo esc_attr($options['header_background_color_sticky'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Header Bottom Border Color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['header_bottom_border_color']) && $options['header_bottom_border_color']) { echo 'background-color:' . esc_attr($options['header_bottom_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_bottom_border_color]" type="text" value="<?php if (isset($options['header_bottom_border_color'])) { echo esc_attr($options['header_bottom_border_color'], 'qode'); } ?> " size="10" maxlength="30" /> <?php esc_html_e('If field is empty, header will not have border bottom', 'qode'); ?> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Header bottom border transparency', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_proya[header_botom_border_transparency]" type="text" value="<?php if (isset($options['header_botom_border_transparency'])) { echo esc_attr($options['header_botom_border_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <?php esc_html_e('Work only if Header Bottom Border Color is filled', 'qode'); ?> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Header separator color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['header_separator_color']) && $options['header_separator_color']) { echo 'background-color:' . esc_attr($options['header_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_separator_color]" type="text" value="<?php if (isset($options['header_separator_color'])) { echo esc_attr($options['header_separator_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Breadcrumbs color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['breadcrumbs_color']) && $options['breadcrumbs_color']) { echo 'background-color:' . esc_attr($options['breadcrumbs_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[breadcrumbs_color]" type="text" value="<?php if (isset($options['breadcrumbs_color'])) { echo esc_attr($options['breadcrumbs_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Transparency', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial', 'qode'); ?> <input name="qode_options_proya[header_background_transparency_initial]" type="text" value="<?php if (isset($options['header_background_transparency_initial'])) { echo esc_attr($options['header_background_transparency_initial'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scrolled (fixed style)', 'qode'); ?> <input name="qode_options_proya[header_background_transparency_scroll]" type="text" value="<?php if (isset($options['header_background_transparency_scroll'])) { echo esc_attr($options['header_background_transparency_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Sticky', 'qode'); ?> <input name="qode_options_proya[header_background_transparency_sticky]" type="text" value="<?php if (isset($options['header_background_transparency_sticky'])) { echo esc_attr($options['header_background_transparency_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td valign="top" width="150"><?php esc_html_e('Logo', 'qode'); ?> </td> <td> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - normal', 'qode'); ?> <br/> <input type="text" id="logo_image" name="qode_options_proya[logo_image]" class="logo_image" value="<?php if (isset($options['logo_image'])) { echo esc_attr($options['logo_image'], 'qode'); } else { echo QODE_ROOT . "/img/logo.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - light', 'qode'); ?> <br/> <input type="text" id="logo_image_light" name="qode_options_proya[logo_image_light]" class="logo_image_light" value="<?php if (isset($options['logo_image_light'])) { echo esc_attr($options['logo_image_light'], 'qode'); } else { echo QODE_ROOT . "/img/logo.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline" style="width: 700px;"> <?php esc_html_e('Logo image - dark', 'qode'); ?> <br/> <input type="text" id="logo_image_dark" name="qode_options_proya[logo_image_dark]" class="logo_image_dark" value="<?php if (isset($options['logo_image_dark'])) { echo esc_attr($options['logo_image_dark'], 'qode'); } else { echo QODE_ROOT . "/img/logo_black.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div><br/><br/> <div class="inline"style="width: 700px;"> <?php esc_html_e('Logo image - sticky header', 'qode'); ?> <br/> <input type="text" id="logo_image_sticky" name="qode_options_proya[logo_image_sticky]" class="logo_image_sticky" value="<?php if (isset($options['logo_image_sticky'])) { echo esc_attr($options['logo_image_sticky'], 'qode'); } else { echo QODE_ROOT . "/img/logo_black.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline"style="width: 700px;"> <?php esc_html_e('Logo image - fixed header with hidden menu', 'qode'); ?> <br/> <input type="text" id="logo_image_fixed_hidden" name="qode_options_proya[logo_image_fixed_hidden]" class="qode_upload_field" value="<?php if (isset($options['logo_image_fixed_hidden'])) { echo esc_attr($options['logo_image_fixed_hidden'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Center logo', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[center_logo_image]"> <option <?php if (isset($options['center_logo_image'])) { $center_logo_image = $options['center_logo_image']; if ($center_logo_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['center_logo_image'])) { $center_logo_image = $options['center_logo_image']; if ($center_logo_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Animate centered logo', 'qode'); ?> <select name="qode_options_proya[center_logo_image_animate]"> <option <?php if (isset($options['center_logo_image_animate'])) { $center_logo_image = $options['center_logo_image_animate']; if ($center_logo_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['center_logo_image_animate'])) { $center_logo_image = $options['center_logo_image_animate']; if ($center_logo_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> <?php esc_html_e('(in this case, logo is "retina")', 'qode'); ?> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Header height', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Initial (px)', 'qode'); ?> <input name="qode_options_proya[header_height]" type="text" value="<?php if (isset($options['header_height'])) { echo esc_attr($options['header_height'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Scrolled - fixed style (px)', 'qode'); ?> <input name="qode_options_proya[header_height_scroll]" type="text" value="<?php if (isset($options['header_height_scroll'])) { echo esc_attr($options['header_height_scroll'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Sticky (px)', 'qode'); ?> <input name="qode_options_proya[header_height_sticky]" type="text" value="<?php if (isset($options['header_height_sticky'])) { echo esc_attr($options['header_height_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br/> <div class=""> <?php esc_html_e('Scrolled - visible part in fixed with hidden menu style (px)', 'qode'); ?> <input name="qode_options_proya[header_height_scroll_hidden]" type="text" value="<?php if (isset($options['header_height_scroll_hidden'])) { echo esc_attr($options['header_height_scroll_hidden'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Scroll amount for sticky appear (px)', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_proya[scroll_amount_for_sticky]" type="text" value="<?php if (isset($options['scroll_amount_for_sticky'])) { echo esc_attr($options['scroll_amount_for_sticky'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Dropdown main menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_background_color'])) { echo 'background-color:' . esc_attr($options['dropdown_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_background_color]" type="text" value="<?php if (isset($options['dropdown_background_color'])) { echo esc_attr($options['dropdown_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Transparency (From 0 to 1)', 'qode'); ?> <input name="qode_options_proya[dropdown_background_transparency]" type="text" value="<?php if (isset($options['dropdown_background_transparency'])) { echo esc_attr($options['dropdown_background_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('1st level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['menu_color']) { echo 'background-color:' . esc_attr($options['menu_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[menu_color]" type="text" value="<?php if ($options['menu_color']) { echo esc_attr($options['menu_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['menu_hovercolor'])) { echo 'background-color:' . esc_attr($options['menu_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[menu_hovercolor]" type="text" value="<?php if (isset($options['menu_hovercolor'])) { echo esc_attr($options['menu_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Active Color', 'qode'); ?> <?php $active_color = ''; if (isset($options['menu_activecolor'])) { $active_color = $options['menu_activecolor']; } elseif (isset($options['menu_hovercolor'])) { $active_color = $options['menu_hovercolor']; } ?> <div class="colorSelector"><div style="<?php if ($active_color !== '') { echo 'background-color:' . esc_attr($active_color) . ';'; } ?> "></div></div> <input name="qode_options_proya[menu_activecolor]" type="text" value="<?php echo esc_attr($active_color); ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['menu_hover_background_color'])) { echo 'background-color:' . esc_attr($options['menu_hover_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[menu_hover_background_color]" type="text" value="<?php if (isset($options['menu_hover_background_color'])) { echo esc_attr($options['menu_hover_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Background Color Transparency', 'qode'); ?> <input name="qode_options_proya[menu_hover_background_color_transparency]" type="text" value="<?php if (isset($options['menu_hover_background_color_transparency'])) { echo esc_attr($options['menu_hover_background_color_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[menu_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[menu_fontsize]" type="text" value="<?php if ($options['menu_fontsize']) { echo esc_attr($options['menu_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[menu_lineheight]" type="text" value="<?php if ($options['menu_lineheight']) { echo esc_attr($options['menu_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[menu_fontstyle]"> <option <?php if ($options['menu_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['menu_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[menu_fontweight]"> <option <?php if ($options['menu_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['menu_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['menu_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['menu_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['menu_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['menu_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['menu_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['menu_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['menu_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[menu_letterspacing]" type="text" value="<?php if (isset($options['menu_letterspacing']) && $options['menu_letterspacing'] !== '') { echo esc_attr($options['menu_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Text transform', 'qode'); ?> <?php $this->generate_dropdown_field('menu_text_transform', array('' => '', 'none' => 'None', 'capitalize' => 'Capitalize', 'uppercase' => 'Upercase', 'lowercase' => 'Lowercase')); ?> </div> <div class="inline"> <?php esc_html_e('Separator Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['menu_separator_color'])) { echo 'background-color:' . esc_attr($options['menu_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[menu_separator_color]" type="text" value="<?php if (isset($options['menu_separator_color'])) { echo esc_attr($options['menu_separator_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Show Separator Between Items', 'qode'); ?> <input name="qode_options_proya[menu_separator_between_items]" type="checkbox" value="yes" <?php if (isset($options['menu_separator_between_items']) && $options['menu_separator_between_items'] == 'yes') { echo 'checked'; } ?> size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('2nd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color'])) { echo 'background-color:' . esc_attr($options['dropdown_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_color]" type="text" value="<?php if (isset($options['dropdown_color'])) { echo esc_attr($options['dropdown_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_hovercolor]" type="text" value="<?php if (isset($options['dropdown_hovercolor'])) { echo esc_attr($options['dropdown_hovercolor'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[dropdown_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_fontsize]" type="text" value="<?php if ($options['dropdown_fontsize']) { echo esc_attr($options['dropdown_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_lineheight]" type="text" value="<?php if ($options['dropdown_lineheight']) { echo esc_attr($options['dropdown_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[dropdown_fontstyle]"> <option <?php if ($options['dropdown_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['dropdown_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[dropdown_fontweight]"> <option <?php if ($options['dropdown_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['dropdown_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['dropdown_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['dropdown_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['dropdown_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['dropdown_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['dropdown_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['dropdown_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['dropdown_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[dropdown_texttransform]"> <option <?php if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['dropdown_texttransform']) && $options['dropdown_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_letterspacing]" type="text" value="<?php if (isset($options['dropdown_letterspacing']) && $options['dropdown_letterspacing'] !== '') { echo esc_attr($options['dropdown_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Padding Top/Bottom', 'qode'); ?> <input name="qode_options_proya[dropdown_padding_top_bottom]" type="text" value="<?php if (isset($options['dropdown_padding_top_bottom'])) { echo esc_attr($options['dropdown_padding_top_bottom'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br /><br /> <div class="inline"> <?php esc_html_e('Dropdow separator between items(Only for classic menu style(not wide))', 'qode'); ?> <select name="qode_options_proya[dropdown_separator_beetwen_items]"> <option <?php if (isset($options['dropdown_separator_beetwen_items'])) { $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items']; if ($dropdown_separator_beetwen_items == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_separator_beetwen_items'])) { $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items']; if ($dropdown_separator_beetwen_items == 'no') { echo "selected='selected'"; } } ?> value="no">no</option> <option <?php if (isset($options['dropdown_separator_beetwen_items'])) { $dropdown_separator_beetwen_items = $options['dropdown_separator_beetwen_items']; if ($dropdown_separator_beetwen_items == 'yes') { echo "selected='selected'"; } } ?> value="yes">yes</option> </select> </div><br /><br /> <div class="inline"> <?php esc_html_e('Border around dropdown menu', 'qode'); ?> <select name="qode_options_proya[dropdown_border_around]"> <option <?php if (isset($options['dropdown_border_around'])) { $dropdown_border_around = $options['dropdown_border_around']; if ($dropdown_border_around == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_border_around'])) { $dropdown_border_around = $options['dropdown_border_around']; if ($dropdown_border_around == 'no') { echo "selected='selected'"; } } ?> value="no">no</option> <option <?php if (isset($options['dropdown_border_around'])) { $dropdown_border_around = $options['dropdown_border_around']; if ($dropdown_border_around == 'yes') { echo "selected='selected'"; } } ?> value="yes">yes</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('2nd level menu style for wide menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_wide_color'])) { echo 'background-color:' . esc_attr($options['dropdown_wide_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_wide_color]" type="text" value="<?php if (isset($options['dropdown_wide_color'])) { echo esc_attr($options['dropdown_wide_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_wide_hovercolor'])) { echo 'background-color:' . esc_attr($options['dropdown_wide_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_wide_hovercolor]" type="text" value="<?php if (isset($options['dropdown_wide_hovercolor'])) { echo esc_attr($options['dropdown_wide_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[dropdown_wide_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['dropdown_wide_google_fonts']) && $options['dropdown_wide_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_wide_fontsize]" type="text" value="<?php if (isset($options['dropdown_wide_fontsize'])) { echo esc_attr($options['dropdown_wide_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_wide_lineheight]" type="text" value="<?php if (isset($options['dropdown_wide_lineheight'])) { echo esc_attr($options['dropdown_wide_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[dropdown_wide_fontstyle]"> <option <?php if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['dropdown_wide_fontstyle']) && $options['dropdown_wide_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[dropdown_wide_fontweight]"> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['dropdown_wide_fontweight']) && $options['dropdown_wide_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[dropdown_wide_texttransform]"> <option <?php if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['dropdown_wide_texttransform']) && $options['dropdown_wide_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div><br /><br /> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_wide_letterspacing]" type="text" value="<?php if (isset($options['dropdown_wide_letterspacing']) && $options['dropdown_wide_letterspacing'] !== '') { echo esc_attr($options['dropdown_wide_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('3rd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_color_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_color_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_color_thirdlvl'])) { echo esc_attr($options['dropdown_color_thirdlvl'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo 'background-color:' . esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[dropdown_hovercolor_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_hovercolor_thirdlvl'])) { echo esc_attr($options['dropdown_hovercolor_thirdlvl'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[dropdown_google_fonts_thirdlvl]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['dropdown_google_fonts_thirdlvl'])) { $dropdown_google_fonts_thirdlvl = $options['dropdown_google_fonts_thirdlvl']; if ($dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_fontsize_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_fontsize_thirdlvl'])) { echo esc_attr($options['dropdown_fontsize_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_lineheight_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_lineheight_thirdlvl'])) { echo esc_attr($options['dropdown_lineheight_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[dropdown_fontstyle_thirdlvl]"> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['dropdown_fontstyle_thirdlvl'])) { $dropdown_fontstyle_thirdlvl = $options['dropdown_fontstyle_thirdlvl']; if ($dropdown_fontstyle_thirdlvl == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[dropdown_fontweight_thirdlvl]"> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['dropdown_fontweight_thirdlvl'])) { $dropdown_fontweight_thirdlvl = $options['dropdown_fontweight_thirdlvl']; if ($dropdown_fontweight_thirdlvl == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[dropdown_texttransform_thirdlvl]"> <option <?php if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['dropdown_texttransform_thirdlvl']) && $options['dropdown_texttransform_thirdlvl'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[dropdown_letterspacing_thirdlvl]" type="text" value="<?php if (isset($options['dropdown_letterspacing_thirdlvl']) && $options['dropdown_letterspacing_thirdlvl'] !== '') { echo esc_attr($options['dropdown_letterspacing_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Fixed menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['fixed_color'])) { echo 'background-color:' . esc_attr($options['fixed_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[fixed_color]" type="text" value="<?php if (isset($options['fixed_color'])) { echo esc_attr($options['fixed_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['fixed_hovercolor'])) { echo 'background-color:' . esc_attr($options['fixed_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[fixed_hovercolor]" type="text" value="<?php if (isset($options['fixed_hovercolor'])) { echo esc_attr($options['fixed_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[fixed_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['fixed_google_fonts'])) { $fixed_google_fonts = $options['fixed_google_fonts']; if ($fixed_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[fixed_fontsize]" type="text" value="<?php if (isset($options['fixed_fontsize'])) { echo esc_attr($options['fixed_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[fixed_lineheight]" type="text" value="<?php if (isset($options['fixed_lineheight'])) { echo esc_attr($options['fixed_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[fixed_fontstyle]"> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['fixed_fontstyle'])) { $fixed_fontstyle = $options['fixed_fontstyle']; if ($fixed_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[fixed_fontweight]"> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['fixed_fontweight'])) { $fixed_fontweight = $options['fixed_fontweight']; if ($fixed_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Sticky menu', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['sticky_color'])) { echo 'background-color:' . esc_attr($options['sticky_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[sticky_color]" type="text" value="<?php if (isset($options['sticky_color'])) { echo esc_attr($options['sticky_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['sticky_hovercolor'])) { echo 'background-color:' . esc_attr($options['sticky_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[sticky_hovercolor]" type="text" value="<?php if (isset($options['sticky_hovercolor'])) { echo esc_attr($options['sticky_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[sticky_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['sticky_google_fonts'])) { $sticky_google_fonts = $options['sticky_google_fonts']; if ($sticky_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[sticky_fontsize]" type="text" value="<?php if (isset($options['sticky_fontsize'])) { echo esc_attr($options['sticky_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[sticky_lineheight]" type="text" value="<?php if (isset($options['sticky_lineheight'])) { echo esc_attr($options['sticky_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[sticky_fontstyle]"> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['sticky_fontstyle'])) { $sticky_fontstyle = $options['sticky_fontstyle']; if ($sticky_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[sticky_fontweight]"> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['sticky_fontweight'])) { $sticky_fontweight = $options['sticky_fontweight']; if ($sticky_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mobile menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_color'])) { echo 'background-color:' . esc_attr($options['mobile_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[mobile_color]" type="text" value="<?php if (isset($options['mobile_color'])) { echo esc_attr($options['mobile_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_hovercolor'])) { echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[mobile_hovercolor]" type="text" value="<?php if (isset($options['mobile_hovercolor'])) { echo esc_attr($options['mobile_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[mobile_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['mobile_google_fonts'])) { $mobile_google_fonts = $options['mobile_google_fonts']; if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[mobile_fontsize]" type="text" value="<?php if (isset($options['mobile_fontsize'])) { echo esc_attr($options['mobile_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[mobile_lineheight]" type="text" value="<?php if (isset($options['mobile_lineheight'])) { echo esc_attr($options['mobile_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[mobile_fontstyle]"> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['mobile_fontstyle'])) { $mobile_fontstyle = $options['mobile_fontstyle']; if ($mobile_fontstyle == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[mobile_fontweight]"> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['mobile_fontweight'])) { $mobile_fontweight = $options['mobile_fontweight']; if ($mobile_fontweight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div><br /><br /> <div class="inline"> <?php esc_html_e('Separator color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_separator_color'])) { echo 'background-color:' . esc_attr($options['mobile_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[mobile_separator_color]" type="text" value="<?php if (isset($options['mobile_separator_color'])) { echo esc_attr($options['mobile_separator_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_background_color'])) { echo 'background-color:' . esc_attr($options['mobile_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[mobile_background_color]" type="text" value="<?php if (isset($options['mobile_background_color'])) { echo esc_attr($options['mobile_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[mobile_letter_spacing]" type="text" value="<?php if (isset($options['mobile_letter_spacing'])) { echo esc_attr($options['mobile_letter_spacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Top Header', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['top_header_text_color'])) { echo 'background-color:' . esc_attr($options['top_header_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[top_header_text_color]" type="text" value="<?php if (isset($options['top_header_text_color'])) { echo esc_attr($options['top_header_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['mobile_hovercolor'])) { echo 'background-color:' . esc_attr($options['mobile_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[top_header_text_hover_color]" type="text" value="<?php if (isset($options['top_header_text_hover_color'])) { echo esc_attr($options['top_header_text_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[top_header_text_font_family]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['top_header_text_font_family'])) { $mobile_google_fonts = $options['top_header_text_font_family']; if ($mobile_google_fonts == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[top_header_text_font_size]" type="text" value="<?php if (isset($options['top_header_text_font_size'])) { echo esc_attr($options['top_header_text_font_size'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[top_header_text_line_height]" type="text" value="<?php if (isset($options['top_header_text_line_height'])) { echo esc_attr($options['top_header_text_line_height'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[top_header_text_font_style]"> <option <?php if (isset($options['top_header_text_font_style'])) { $top_header_text_font_style = $options['top_header_text_font_style']; if ($top_header_text_font_style == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['top_header_text_font_style'])) { $top_header_text_font_stylee = $options['top_header_text_font_style']; if ($top_header_text_font_style == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['top_header_text_font_style'])) { $top_header_text_font_style = $options['top_header_text_font_style']; if ($top_header_text_font_style == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[top_header_text_font_weight]"> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['top_header_text_font_weight'])) { $top_header_text_font_weight = $options['top_header_text_font_weight']; if ($top_header_text_font_weight == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[top_header_text_letter_spacing]" type="text" value="<?php if (isset($options['top_header_text_letter_spacing'])) { echo esc_attr($options['top_header_text_letter_spacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br /><br /> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['top_header_border_color'])) { echo 'background-color:' . esc_attr($options['top_header_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[top_header_border_color]" type="text" value="<?php if (isset($options['top_header_border_color'])) { echo esc_attr($options['top_header_border_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border Weight (px)', 'qode'); ?> <input name="qode_options_proya[top_header_border_weight]" type="text" value="<?php if (isset($options['top_header_border_weight'])) { echo esc_attr($options['top_header_border_weight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Animate title area', 'qode'); ?> <select name="qode_options_proya[animate_title_area]"> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'no') { echo "selected='selected'"; } } ?> value="no">No animation</option> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'text_right_left') { echo "selected='selected'"; } } ?> value="text_right_left">Text right to left</option> <option <?php if (isset($options['animate_title_area'])) { $animate_title_area = $options['animate_title_area']; if ($animate_title_area == 'area_top_bottom') { echo "selected='selected'"; } } ?> value="area_top_bottom">Title area top to bottom</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Text shadow', 'qode'); ?> <select name="qode_options_proya[title_text_shadow]"> <option <?php if (isset($options['title_text_shadow'])) { $title_text_shadow = $options['title_text_shadow']; if ($title_text_shadow == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['title_text_shadow'])) { $title_text_shadow = $options['title_text_shadow']; if ($title_text_shadow == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['title_background_color'])) { echo 'background-color:' . esc_attr($options['title_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[title_background_color]" type="text" value="<?php if (isset($options['title_background_color'])) { echo esc_attr($options['title_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Responsive title image', 'qode'); ?> <select name="qode_options_proya[responsive_title_image]"> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['responsive_title_image'])) { $responsive_title_image = $options['responsive_title_image']; if ($responsive_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Parallax title image', 'qode'); ?> <select name="qode_options_proya[fixed_title_image]"> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['fixed_title_image'])) { $fixed_title_image = $options['fixed_title_image']; if ($fixed_title_image == 'yes_zoom') { echo "selected='selected'"; } } ?> value="yes_zoom">Yes, with zoom out</option> </select> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <br/><br/> <div class="inline" style="width: 780px;"> <?php esc_html_e('Title image', 'qode'); ?> <input type="text" id="title_image" name="qode_options_proya[title_image]" class="title_image" value="<?php if (isset($options['title_image'])) { echo esc_attr($options['title_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline" style="width: 880px;"> <?php esc_html_e('Title pattern overlay image', 'qode'); ?> <input type="text" id="title_overlay_image" name="qode_options_proya[title_overlay_image]" class="title_overlay_image" value="<?php if (isset($options['title_overlay_image'])) { echo esc_attr($options['title_overlay_image'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Title height (px)', 'qode'); ?> <input name="qode_options_proya[title_height]" type="text" value="<?php if (isset($options['title_height'])) { echo esc_attr($options['title_height'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Only if title image is not responsive', 'qode'); ?> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Title position', 'qode'); ?> <select name="qode_options_proya[page_title_position]"> <option <?php if ($options['page_title_position'] == 'left') { echo "selected='selected'"; } ?> value="left">Left</option> <option <?php if ($options['page_title_position'] == 'center') { echo "selected='selected'"; } ?> value="center">Center</option> <option <?php if ($options['page_title_position'] == 'right') { echo "selected='selected'"; } ?> value="right">Right</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Show title separator', 'qode'); ?> <select name="qode_options_proya[title_separator]"> <option <?php if (isset($options['title_separator'])) { $title_separator = $options['title_separator']; if ($title_separator == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['title_separator'])) { $title_separator = $options['title_separator']; if ($title_separator == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Title Separator Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['title_separator_color']) && $options['title_separator_color']) { echo 'background-color:' . esc_attr($options['title_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[title_separator_color]" type="text" value="<?php if (isset($options['title_separator_color'])) { echo esc_attr($options['title_separator_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Title Separator Width (px)', 'qode'); ?> <input name="qode_options_proya[title_separator_width]" type="text" value="<?php if (isset($options['title_separator_width'])) { echo esc_attr($options['title_separator_width'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Predefined title sizes', 'qode'); ?> <select name="qode_options_proya[predefined_title_sizes]"> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'small') { echo "selected='selected'"; } ?> value="small">Small</option> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'medium') { echo "selected='selected'"; } ?> value="medium">Medium</option> <option <?php if (isset($options['predefined_title_sizes']) && $options['predefined_title_sizes'] == 'large') { echo "selected='selected'"; } ?> value="large">Large</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Border Bottom on Title Area', 'qode'); ?> <select name="qode_options_proya[border_bottom_title_area]"> <option <?php if (isset($options['border_bottom_title_area'])) { $border_bottom_title_area = $options['border_bottom_title_area']; if ($border_bottom_title_area == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['border_bottom_title_area'])) { $border_bottom_title_area = $options['border_bottom_title_area']; if ($border_bottom_title_area == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Border Bottom on Title Area Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['border_bottom_title_area_color']) && $options['border_bottom_title_area_color']) { echo 'background-color:' . esc_attr($options['border_bottom_title_area_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[border_bottom_title_area_color]" type="text" value="<?php if (isset($options['border_bottom_title_area_color'])) { echo esc_attr($options['border_bottom_title_area_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Margin after title for default template (px)', 'qode'); ?> <input name="qode_options_proya[margin_after_title]" type="text" value="<?php if (isset($options['margin_after_title'])) { echo esc_attr($options['margin_after_title'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Header Buttons', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_buttons_color']) { echo 'background-color:' . esc_attr($options['header_buttons_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_buttons_color]" type="text" value="<?php if (isset($options['header_buttons_color']) && $options['header_buttons_color']) { echo esc_attr($options['header_buttons_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Hover Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['header_buttons_hover_color']) { echo 'background-color:' . esc_attr($options['header_buttons_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[header_buttons_hover_color]" type="text" value="<?php if (isset($options['header_buttons_hover_color']) && $options['header_buttons_hover_color']) { echo esc_attr($options['header_buttons_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Font Size (px)', 'qode'); ?> <input name="qode_options_proya[header_buttons_font_size]" type="text" value="<?php if (isset($options['header_buttons_font_size']) && $options['header_buttons_font_size']) { echo esc_attr($options['header_buttons_font_size'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Size for side menu/fullscreen menu button', 'qode'); ?> <select name="qode_options_proya[header_buttons_size]"> <option <?php if (isset($options['header_buttons_size'])) { if ($options['header_buttons_size'] == "normal") { echo "selected='selected'"; } } ?> value="normal">Normal</option> <option <?php if (isset($options['header_buttons_size'])) { if ($options['header_buttons_size'] == "medium") { echo "selected='selected'"; } } ?> value="medium">Medium</option> <option <?php if (isset($options['header_buttons_size'])) { if ($options['header_buttons_size'] == "large") { echo "selected='selected'"; } } ?> value="large">Large</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Footer</h2></td></tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Uncovering footer', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[uncovering_footer]"> <option <?php if (isset($options['uncovering_footer'])) { if ($options['uncovering_footer'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['uncovering_footer'])) { if ($options['uncovering_footer'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Footer in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[footer_in_grid]"> <option <?php if (isset($options['footer_in_grid'])) { if ($options['footer_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['footer_in_grid'])) { if ($options['footer_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer top', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[show_footer_top]"> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> <option <?php if (isset($options['show_footer_top'])) { if ($options['show_footer_top'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Footer top columns', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[footer_top_columns]"> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "1") { echo "selected='selected'"; } } ?> value="1">1</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "2") { echo "selected='selected'"; } } ?> value="2">2</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "3") { echo "selected='selected'"; } } ?> value="3">3</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "5") { echo "selected='selected'"; } } ?> value="5">3(25%+25%+50%)</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "6") { echo "selected='selected'"; } } ?> value="6">3(50%+25%+25%)</option> <option <?php if (isset($options['footer_top_columns'])) { if ($options['footer_top_columns'] == "4") { echo "selected='selected'"; } } ?> value="4">4</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Show footer bottom', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[footer_text]"> <option <?php if ($options['footer_text'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['footer_text'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer top colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Title color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_title_color']) { echo 'background-color:' . esc_attr($options['footer_top_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_top_title_color]" type="text" value="<?php if ($options['footer_top_title_color']) { echo esc_attr($options['footer_top_title_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_text_color']) { echo 'background-color:' . esc_attr($options['footer_top_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_top_text_color]" type="text" value="<?php if ($options['footer_top_text_color']) { echo esc_attr($options['footer_top_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Link color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['footer_link_color'])) { echo 'background-color:' . esc_attr($options['footer_link_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_link_color]" type="text" value="<?php if (isset($options['footer_link_color'])) { echo esc_attr($options['footer_link_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Link hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['footer_link_hover_color'])) { echo 'background-color:' . esc_attr($options['footer_link_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_link_hover_color]" type="text" value="<?php if (isset($options['footer_link_hover_color'])) { echo esc_attr($options['footer_link_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_top_background_color']) { echo 'background-color:' . esc_attr($options['footer_top_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_top_background_color]" type="text" value="<?php if ($options['footer_top_background_color']) { echo esc_attr($options['footer_top_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer top title styles', 'qode'); ?> </td> <td> <?php $this->generate_font_settings_section('footer_title'); ?> </td> </tr> <tr> <td scope="row" width="150"><?php esc_html_e('Footer bottom colors', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_text_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_bottom_text_color]" type="text" value="<?php if ($options['footer_bottom_text_color']) { echo esc_attr($options['footer_bottom_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Link Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['footer_bottom_link_hover_color']) && $options['footer_bottom_link_hover_color'] != '') { echo 'background-color:' . esc_attr($options['footer_bottom_link_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_bottom_link_hover_color]" type="text" value="<?php if (isset($options['footer_bottom_link_hover_color']) && $options['footer_bottom_link_hover_color'] != '') { echo esc_attr($options['footer_bottom_link_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['footer_bottom_background_color']) { echo 'background-color:' . esc_attr($options['footer_bottom_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[footer_bottom_background_color]" type="text" value="<?php if (isset($options['footer_bottom_background_color'])) { echo esc_attr($options['footer_bottom_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Elements</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Separator</h2></td></tr> <tr valign="middle"> <td valign="middle">Separator Normal</td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['separator_color'])) { echo 'background-color:' . esc_attr($options['separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[separator_color]" type="text" value="<?php if (isset($options['separator_color'])) { echo esc_attr($options['separator_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Transparency (between 0 and 1)', 'qode'); ?> <input name="qode_options_proya[separator_color_transparency]" type="text" value="<?php if (isset($options['separator_color_transparency'])) { echo esc_attr($options['separator_color_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Thickness (px)', 'qode'); ?> <input name="qode_options_proya[separator_thickness]" type="text" value="<?php if ($options['separator_thickness']) { echo esc_attr($options['separator_thickness'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Top margin (px)', 'qode'); ?> <input name="qode_options_proya[separator_topmargin]" type="text" value="<?php if ($options['separator_topmargin']) { echo esc_attr($options['separator_topmargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bottom margin (px)', 'qode'); ?> <input name="qode_options_proya[separator_bottommargin]" type="text" value="<?php if ($options['separator_bottommargin']) { echo esc_attr($options['separator_bottommargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td valign="middle">Separator Small</td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['separator_small_color'])) { echo 'background-color:' . esc_attr($options['separator_small_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[separator_small_color]" type="text" value="<?php if (isset($options['separator_small_color'])) { echo esc_attr($options['separator_small_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Transparency (between 0 and 1)', 'qode'); ?> <input name="qode_options_proya[separator_small_color_transparency]" type="text" value="<?php if (isset($options['separator_small_color_transparency'])) { echo esc_attr($options['separator_small_color_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Thickness (px)', 'qode'); ?> <input name="qode_options_proya[separator_small_thickness]" type="text" value="<?php if (isset($options['separator_small_thickness'])) { echo esc_attr($options['separator_small_thickness'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Width (px)', 'qode'); ?> <input name="qode_options_proya[separator_small_width]" type="text" value="<?php if (isset($options['separator_small_width'])) { echo esc_attr($options['separator_small_width'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Top margin (px)', 'qode'); ?> <input name="qode_options_proya[separator_small_topmargin]" type="text" value="<?php if (isset($options['separator_small_topmargin'])) { echo esc_attr($options['separator_small_topmargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Bottom margin (px)', 'qode'); ?> <input name="qode_options_proya[separator_small_bottommargin]" type="text" value="<?php if (isset($options['separator_small_bottommargin'])) { echo esc_attr($options['separator_small_bottommargin'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Buttons</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Default button style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_color']) { echo 'background-color:' . esc_attr($options['button_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_title_color]" type="text" value="<?php if ($options['button_title_color']) { echo esc_attr($options['button_title_color'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_title_hovercolor']) { echo 'background-color:' . esc_attr($options['button_title_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_title_hovercolor]" type="text" value="<?php if ($options['button_title_hovercolor']) { echo esc_attr($options['button_title_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[button_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['button_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[button_title_fontsize]" type="text" value="<?php if ($options['button_title_fontsize']) { echo esc_attr($options['button_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[button_title_lineheight]" type="text" value="<?php if ($options['button_title_lineheight']) { echo esc_attr($options['button_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Letter Spacing (px)', 'qode'); ?> <input name="qode_options_proya[button_title_letter_spacing]" type="text" value="<?php if (isset($options['button_title_letter_spacing'])) { echo esc_attr($options['button_title_letter_spacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[button_title_fontstyle]"> <option <?php if ($options['button_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['button_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[button_title_fontweight]"> <option <?php if ($options['button_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['button_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['button_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['button_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['button_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['button_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['button_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['button_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['button_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_backgroundcolor']) && $options['button_backgroundcolor']) { echo 'background-color:' . esc_attr($options['button_backgroundcolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_backgroundcolor]" type="text" value="<?php if (isset($options['button_backgroundcolor']) && $options['button_backgroundcolor']) { echo esc_attr($options['button_backgroundcolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) { echo 'background-color:' . esc_attr($options['button_backgroundcolor_hover'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_backgroundcolor_hover]" type="text" value="<?php if (isset($options['button_backgroundcolor_hover']) && $options['button_backgroundcolor_hover']) { echo esc_attr($options['button_backgroundcolor_hover'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_border_color']) { echo 'background-color:' . esc_attr($options['button_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_border_color]" type="text" value="<?php if ($options['button_border_color']) { echo esc_attr($options['button_border_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['button_border_hover_color']) { echo 'background-color:' . esc_attr($options['button_border_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_border_hover_color]" type="text" value="<?php if (isset($options['button_border_hover_color']) && $options['button_border_hover_color']) { echo esc_attr($options['button_border_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border Width', 'qode'); ?> <input name="qode_options_proya[button_border_width]" type="text" value="<?php if (isset($options['button_border_width']) && $options['button_border_width']) { echo esc_attr($options['button_border_width'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Radius (px)', 'qode'); ?> <input name="qode_options_proya[button_border_radius]" type="text" value="<?php if (isset($options['button_border_radius'])) { echo esc_attr($options['button_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Predifined White Button', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_border_color'])) { echo 'background-color:' . esc_attr($options['button_white_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_border_color]" type="text" value="<?php if (isset($options['button_white_border_color'])) { echo esc_attr($options['button_white_border_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_background_color'])) { echo 'background-color:' . esc_attr($options['button_white_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_background_color]" type="text" value="<?php if (isset($options['button_white_background_color'])) { echo esc_attr($options['button_white_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Text Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_text_color'])) { echo 'background-color:' . esc_attr($options['button_white_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_text_color]" type="text" value="<?php if (isset($options['button_white_text_color'])) { echo esc_attr($options['button_white_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div><br /><br /> <div class="inline"> <?php esc_html_e('Hover Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_border_color_hover'])) { echo 'background-color:' . esc_attr($options['button_white_border_color_hover'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_border_color_hover]" type="text" value="<?php if (isset($options['button_white_border_color_hover'])) { echo esc_attr($options['button_white_border_color_hover'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_background_color_hover'])) { echo 'background-color:' . esc_attr($options['button_white_background_color_hover'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_background_color_hover]" type="text" value="<?php if (isset($options['button_white_background_color_hover'])) { echo esc_attr($options['button_white_background_color_hover'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Text Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['button_white_text_color_hover'])) { echo 'background-color:' . esc_attr($options['button_white_text_color_hover'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[button_white_text_color_hover]" type="text" value="<?php if (isset($options['button_white_text_color_hover'])) { echo esc_attr($options['button_white_text_color_hover'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Small Button', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Height (px)', 'qode'); ?> <input name="qode_options_proya[small_button_lineheight]" type="text" value="<?php if (isset($options['small_button_lineheight'])) { echo esc_attr($options['small_button_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[small_button_fontsize]" type="text" value="<?php if (isset($options['small_button_fontsize'])) { echo esc_attr($options['small_button_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[small_button_fontweight]"> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['small_button_fontweight']) && $options['small_button_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Padding left/right (px)', 'qode'); ?> <input name="qode_options_proya[small_button_padding]" type="text" value="<?php if (isset($options['small_button_padding'])) { echo esc_attr($options['small_button_padding'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Radius (px)', 'qode'); ?> <input name="qode_options_proya[small_button_border_radius]" type="text" value="<?php if (isset($options['small_button_border_radius'])) { echo esc_attr($options['small_button_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Large Button', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Height (px)', 'qode'); ?> <input name="qode_options_proya[large_button_lineheight]" type="text" value="<?php if (isset($options['large_button_lineheight'])) { echo esc_attr($options['large_button_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[large_button_fontsize]" type="text" value="<?php if (isset($options['large_button_fontsize'])) { echo esc_attr($options['large_button_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[large_button_fontweight]"> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['large_button_fontweight']) && $options['large_button_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Padding left/right (px)', 'qode'); ?> <input name="qode_options_proya[large_button_padding]" type="text" value="<?php if (isset($options['large_button_padding'])) { echo esc_attr($options['large_button_padding'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Radius (px)', 'qode'); ?> <input name="qode_options_proya[large_button_border_radius]" type="text" value="<?php if (isset($options['large_button_border_radius'])) { echo esc_attr($options['large_button_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Large Big Button', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Height (px)', 'qode'); ?> <input name="qode_options_proya[big_large_button_lineheight]" type="text" value="<?php if (isset($options['big_large_button_lineheight'])) { echo esc_attr($options['big_large_button_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[big_large_button_fontsize]" type="text" value="<?php if (isset($options['big_large_button_fontsize'])) { echo esc_attr($options['big_large_button_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[big_large_button_fontweight]"> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['big_large_button_fontweight']) && $options['big_large_button_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Padding left/right (px)', 'qode'); ?> <input name="qode_options_proya[big_large_button_padding]" type="text" value="<?php if (isset($options['big_large_button_padding'])) { echo esc_attr($options['big_large_button_padding'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border Radius (px)', 'qode'); ?> <input name="qode_options_proya[big_large_button_border_radius]" type="text" value="<?php if (isset($options['big_large_button_border_radius'])) { echo esc_attr($options['big_large_button_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Message box</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Message box style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_title_color']) { echo 'background-color:' . esc_attr($options['message_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[message_title_color]" type="text" value="<?php if ($options['message_title_color']) { echo esc_attr($options['message_title_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[message_title_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if ($options['message_title_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[message_title_fontsize]" type="text" value="<?php if ($options['message_title_fontsize']) { echo esc_attr($options['message_title_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[message_title_lineheight]" type="text" value="<?php if ($options['message_title_lineheight']) { echo esc_attr($options['message_title_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[message_title_fontstyle]"> <option <?php if ($options['message_title_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if ($options['message_title_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[message_title_fontweight]"> <option <?php if ($options['message_title_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if ($options['message_title_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if ($options['message_title_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if ($options['message_title_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if ($options['message_title_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if ($options['message_title_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if ($options['message_title_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if ($options['message_title_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if ($options['message_title_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <br/><br/> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['message_backgroundcolor']) { echo 'background-color:' . esc_attr($options['message_backgroundcolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[message_backgroundcolor]" type="text" value="<?php if ($options['message_backgroundcolor']) { echo esc_attr($options['message_backgroundcolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Message icon style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['message_icon_color']) && $options['message_icon_color']) { echo 'background-color:' . esc_attr($options['message_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[message_icon_color]" type="text" value="<?php if (isset($options['message_icon_color']) && $options['message_icon_color']) { echo esc_attr($options['message_icon_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[message_icon_fontsize]" type="text" value="<?php if (isset($options['message_icon_fontsize']) && $options['message_icon_fontsize']) { echo esc_attr($options['message_icon_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Blockquote</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blockquote style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['blockquote_font_color']) { echo 'background-color:' . esc_attr($options['blockquote_font_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blockquote_font_color]" type="text" value="<?php if ($options['blockquote_font_color']) { echo esc_attr($options['blockquote_font_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) { echo 'background-color:' . esc_attr($options['blockquote_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blockquote_background_color]" type="text" value="<?php if (isset($options['blockquote_background_color']) && $options['blockquote_background_color']) { echo esc_attr($options['blockquote_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) { echo 'background-color:' . esc_attr($options['blockquote_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blockquote_border_color]" type="text" value="<?php if (isset($options['blockquote_border_color']) && $options['blockquote_border_color']) { echo esc_attr($options['blockquote_border_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Quote Icon Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) { echo 'background-color:' . esc_attr($options['blockquote_quote_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blockquote_quote_icon_color]" type="text" value="<?php if (isset($options['blockquote_quote_icon_color']) && $options['blockquote_quote_icon_color']) { echo esc_attr($options['blockquote_quote_icon_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr><td colspan='2'><h2>Social Icon</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Icon Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_color']) { echo 'background-color:' . esc_attr($options['social_icon_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[social_icon_color]" type="text" value="<?php if (isset($options['social_icon_color']) && $options['social_icon_color']) { echo esc_attr($options['social_icon_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Icon Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_background_color']) { echo 'background-color:' . esc_attr($options['social_icon_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[social_icon_background_color]" type="text" value="<?php if (isset($options['social_icon_background_color']) && $options['social_icon_background_color']) { echo esc_attr($options['social_icon_background_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Icon Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['social_icon_border_color']) { echo 'background-color:' . esc_attr($options['social_icon_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[social_icon_border_color]" type="text" value="<?php if (isset($options['social_icon_border_color']) && $options['social_icon_border_color']) { echo esc_attr($options['social_icon_border_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> </td> </tr> <tr><td colspan='2'><h2>Testimonials</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Testimonials style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text Font Size', 'qode'); ?> <input name="qode_options_proya[testimonaials_font_size]" type="text" value="<?php if (isset($options['testimonaials_font_size']) && $options['testimonaials_font_size']) { echo esc_attr($options['testimonaials_font_size'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Navigation Border radius (px)', 'qode'); ?> <input name="qode_options_proya[testimonaials_navigation_border_radius]" type="text" value="<?php if (isset($options['testimonaials_navigation_border_radius']) && $options['testimonaials_navigation_border_radius'] !== '') { echo esc_attr($options['testimonaials_navigation_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Counters</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Counters style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Counter Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['counter_color'])) { echo 'background-color:' . esc_attr($options['counter_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[counter_color]" type="text" value="<?php if (isset($options['counter_color']) && $options['counter_color']) { echo esc_attr($options['counter_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Counter Text Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['counter_text_color'])) { echo 'background-color:' . esc_attr($options['counter_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[counter_text_color]" type="text" value="<?php if (isset($options['counter_text_color']) && $options['counter_text_color']) { echo esc_attr($options['counter_text_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Counter Separator Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['counter_separator_color'])) { echo 'background-color:' . esc_attr($options['counter_separator_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[counter_separator_color]" type="text" value="<?php if (isset($options['counter_separator_color']) && $options['counter_separator_color']) { echo esc_attr($options['counter_separator_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Number Font Size (px)', 'qode'); ?> <input name="qode_options_proya[counters_font_size]" type="text" value="<?php if (isset($options['counters_font_size']) && $options['counters_font_size']) { echo esc_attr($options['counters_font_size'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Number Font family', 'qode'); ?> <select name="qode_options_proya[counters_font_family]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['counters_font_family']) && $options['counters_font_family'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Number Letter Spacing (px)', 'qode'); ?> <input name="qode_options_proya[counters_letter_spacing]" type="text" value="<?php if (isset($options['counters_letter_spacing']) && $options['counters_letter_spacing']) { echo esc_attr($options['counters_letter_spacing'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Numbers Font Weight', 'qode'); ?> <select name="qode_options_proya[counters_fontweight]"> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['counters_fontweight']) && $options['counters_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Font Size (px)', 'qode'); ?> <input name="qode_options_proya[counters_text_font_size]" type="text" value="<?php if (isset($options['counters_text_font_size']) && $options['counters_text_font_size']) { echo esc_attr($options['counters_text_font_size'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Text Font family', 'qode'); ?> <select name="qode_options_proya[counters_text_font_family]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['counters_text_font_family']) && $options['counters_text_font_family'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Text Font Weight', 'qode'); ?> <select name="qode_options_proya[counters_text_fontweight]"> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['counters_text_fontweight']) && $options['counters_text_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Transform', 'qode'); ?> <select name="qode_options_proya[counters_text_texttransform]"> <option <?php if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "none") { echo "selected='selected'"; } ?> value="none">None</option> <option <?php if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "capitalize") { echo "selected='selected'"; } ?> value="capitalize">Capitalize</option> <option <?php if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "uppercase") { echo "selected='selected'"; } ?> value="uppercase">Uppercase</option> <option <?php if (isset($options['counters_text_texttransform']) && $options['counters_text_texttransform'] == "lowercase") { echo "selected='selected'"; } ?> value="lowercase">Lowercase</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Letter Spacing (px)', 'qode'); ?> <input name="qode_options_proya[counters_text_letterspacing]" type="text" value="<?php if (isset($options['counters_text_letterspacing']) && $options['counters_text_letterspacing'] !== '') { echo esc_attr($options['counters_text_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Horizontal Progress Bar</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Percentage style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size', 'qode'); ?> <input name="qode_options_proya[progress_bar_horizontal_fontsize]" type="text" value="<?php if (isset($options['progress_bar_horizontal_fontsize']) && $options['progress_bar_horizontal_fontsize']) { echo esc_attr($options['progress_bar_horizontal_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font Weight', 'qode'); ?> <select name="qode_options_proya[progress_bar_horizontal_fontweight]"> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['progress_bar_horizontal_fontweight']) && $options['progress_bar_horizontal_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Pie Charts</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Percentage style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font size', 'qode'); ?> <input name="qode_options_proya[pie_charts_fontsize]" type="text" value="<?php if (isset($options['pie_charts_fontsize']) && $options['pie_charts_fontsize']) { echo esc_attr($options['pie_charts_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font Weight', 'qode'); ?> <select name="qode_options_proya[pie_charts_fontweight]"> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['pie_charts_fontweight']) && $options['pie_charts_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Tabs</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Tabs style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Tab Text Size', 'qode'); ?> <input name="qode_options_proya[tabs_text_size]" type="text" value="<?php if (isset($options['tabs_text_size']) && $options['tabs_text_size']) { echo esc_attr($options['tabs_border_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Tab Font Weight)', 'qode'); ?> <select name="qode_options_proya[tabs_fontweight]"> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['tabs_fontweight']) && $options['tabs_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Vertical and Box tabs style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['tabs_border_color'])) { echo 'background-color:' . esc_attr($options['tabs_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[tabs_border_color]" type="text" value="<?php if (isset($options['tabs_border_color']) && $options['tabs_border_color']) { echo esc_attr($options['tabs_border_color'], 'qode'); } ?> " size="10" maxlength="12" /> </div> <div class="inline"> <?php esc_html_e('Border radius (px)', 'qode'); ?> <input name="qode_options_proya[tabs_border_radius]" type="text" value="<?php if (isset($options['tabs_border_radius']) && $options['tabs_border_radius']) { echo esc_attr($options['tabs_border_radius'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Border width (px)', 'qode'); ?> <input name="qode_options_proya[tabs_border_width]" type="text" value="<?php if (isset($options['tabs_border_width']) && $options['tabs_border_width']) { echo esc_attr($options['tabs_border_width'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Process</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Circle styles', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Hover Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['process_circle_hover_background_color'])) { echo 'background-color:' . esc_attr($options['process_circle_hover_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[process_circle_hover_background_color]" type="text" value="<?php if (isset($options['process_circle_hover_background_color']) && $options['process_circle_hover_background_color']) { echo esc_attr($options['process_circle_hover_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text in circle style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Font Weight', 'qode'); ?> <select name="qode_options_proya[process_text_in_circle_font_weight]"> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['process_text_in_circle_font_weight']) && $options['process_text_in_circle_font_weight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Hover Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['process_text_hover_color'])) { echo 'background-color:' . esc_attr($options['process_text_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[process_text_hover_color]" type="text" value="<?php if (isset($options['process_text_hover_color']) && $options['process_text_hover_color']) { echo esc_attr($options['process_text_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr><td colspan='2'><h2>Input fields</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Input fields style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Background color', 'qode'); ?> <div class="colorSelector"><div style="<?php if ($options['input_background_color']) { echo 'background-color:' . esc_attr($options['input_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[input_background_color]" type="text" value="<?php if (isset($options['input_background_color'])) { if ($options['input_background_color']) { echo esc_attr($options['input_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['input_border_color'])) { echo 'background-color:' . esc_attr($options['input_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[input_border_color]" type="text" value="<?php if (isset($options['input_border_color'])) { if ($options['input_border_color']) { echo esc_attr($options['input_border_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Text color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['input_text_color'])) { echo 'background-color:' . esc_attr($options['input_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[input_text_color]" type="text" value="<?php if (isset($options['input_text_color'])) { if ($options['input_text_color']) { echo esc_attr($options['input_text_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Left Menu Area</h3> <div> <table class="form-table"> <tbody> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable left menu area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[vertical_area]"> <option <?php if (isset($options['vertical_area'])) { if (isset($options['vertical_area']) && $options['vertical_area'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['vertical_area'])) { if (isset($options['vertical_area']) && $options['vertical_area'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable transparent left menu area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[vertical_area_transparency]"> <option <?php if (isset($options['vertical_area_transparency'])) { if (isset($options['vertical_area_transparency']) && $options['vertical_area_transparency'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['vertical_area_transparency'])) { if (isset($options['vertical_area_transparency']) && $options['vertical_area_transparency'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Left menu area background', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['vertical_area_background']) && $options['vertical_area_background']) { echo 'background-color:' . esc_attr($options['vertical_area_background'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_area_background]" type="text" value="<?php if (isset($options['vertical_area_background'])) { echo esc_attr($options['vertical_area_background'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Left menu area background image', 'qode'); ?> </td> <td> <div class="inline" style="width: 700px;"> <input type="text" id="vertical_area_background_image" name="qode_options_proya[vertical_area_background_image]" class="vertical_area_background_image" value="<?php if (isset($options['vertical_area_background_image'])) { echo $options['vertical_area_background_image']; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Left menu area text color (for widgets)', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['vertical_area_text_color']) && $options['vertical_area_text_color']) { echo 'background-color:' . esc_attr($options['vertical_area_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_area_text_color]" type="text" value="<?php if (isset($options['vertical_area_text_color'])) { echo esc_attr($options['vertical_area_text_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Left Menu Area Alignment', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[left_menu_alignment]"> <option <?php if (isset($options['left_menu_alignment'])) { if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "") { echo "selected='selected'"; } } ?> value="">Default</option> <option <?php if (isset($options['left_menu_alignment'])) { if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "left") { echo "selected='selected'"; } } ?> value="left">Left</option> <option <?php if (isset($options['left_menu_alignment'])) { if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "center") { echo "selected='selected'"; } } ?> value="center">Center</option> <option <?php if (isset($options['left_menu_alignment'])) { if (isset($options['left_menu_alignment']) && $options['left_menu_alignment'] == "right") { echo "selected='selected'"; } } ?> value="right">Right</option> </select> </div> </td> </tr> <tr><td colspan='2'><h2>Left Menu</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('1st level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_menu_color'])) { echo 'background-color:' . esc_attr($options['vertical_menu_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_menu_color]" type="text" value="<?php if (isset($options['vertical_menu_color'])) { echo esc_attr($options['vertical_menu_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_menu_hovercolor'])) { echo 'background-color:' . esc_attr($options['vertical_menu_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_menu_hovercolor]" type="text" value="<?php if (isset($options['vertical_menu_hovercolor'])) { echo esc_attr($options['vertical_menu_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[vertical_menu_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['vertical_menu_google_fonts']) && $options['vertical_menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[vertical_menu_fontsize]" type="text" value="<?php if (isset($options['vertical_menu_fontsize']) && $options['vertical_menu_fontsize']) { echo esc_attr($options['vertical_menu_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[vertical_menu_lineheight]" type="text" value="<?php if (isset($options['vertical_menu_lineheight']) && $options['vertical_menu_lineheight']) { echo esc_attr($options['vertical_menu_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[vertical_menu_fontstyle]"> <option <?php if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['vertical_menu_fontstyle']) && $options['vertical_menu_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[vertical_menu_fontweight]"> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['vertical_menu_fontweight']) && $options['vertical_menu_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('2nd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_dropdown_color'])) { echo 'background-color:' . esc_attr($options['vertical_dropdown_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_dropdown_color]" type="text" value="<?php if (isset($options['vertical_dropdown_color'])) { echo esc_attr($options['vertical_dropdown_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_dropdown_hovercolor'])) { echo 'background-color:' . esc_attr($options['vertical_dropdown_hovercolor'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_dropdown_hovercolor]" type="text" value="<?php if (isset($options['vertical_dropdown_hovercolor'])) { echo esc_attr($options['vertical_dropdown_hovercolor'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['vertical_dropdown_google_fonts']) && $options['vertical_dropdown_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[vertical_dropdown_fontsize]" type="text" value="<?php if (isset($options['vertical_dropdown_fontsize']) && $options['vertical_dropdown_fontsize']) { echo esc_attr($options['vertical_dropdown_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[vertical_dropdown_lineheight]" type="text" value="<?php if (isset($options['vertical_dropdown_lineheight']) && $options['vertical_dropdown_lineheight']) { echo esc_attr($options['vertical_dropdown_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_fontstyle]"> <option <?php if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['vertical_dropdown_fontstyle']) && $options['vertical_dropdown_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_fontweight]"> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['vertical_dropdown_fontweight']) && $options['vertical_dropdown_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('3rd level menu style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_dropdown_color_thirdlvl'])) { echo 'background-color:' . esc_attr($options['vertical_dropdown_color_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_dropdown_color_thirdlvl]" type="text" value="<?php if (isset($options['vertical_dropdown_color_thirdlvl'])) { echo esc_attr($options['vertical_dropdown_color_thirdlvl'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover/Active color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['vertical_dropdown_hovercolor_thirdlvl'])) { echo 'background-color:' . esc_attr($options['vertical_dropdown_hovercolor_thirdlvl'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[vertical_dropdown_hovercolor_thirdlvl]" type="text" value="<?php if (isset($options['vertical_dropdown_hovercolor_thirdlvl'])) { echo esc_attr($options['vertical_dropdown_hovercolor_thirdlvl'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_google_fonts_thirdlvl]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['vertical_dropdown_google_fonts_thirdlvl'])) { $vertical_dropdown_google_fonts_thirdlvl = $options['vertical_dropdown_google_fonts_thirdlvl']; if ($vertical_dropdown_google_fonts_thirdlvl == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[vertical_dropdown_fontsize_thirdlvl]" type="text" value="<?php if (isset($options['vertical_dropdown_fontsize_thirdlvl'])) { echo esc_attr($options['vertical_dropdown_fontsize_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[vertical_dropdown_lineheight_thirdlvl]" type="text" value="<?php if (isset($options['vertical_dropdown_lineheight_thirdlvl'])) { echo esc_attr($options['vertical_dropdown_lineheight_thirdlvl'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_fontstyle_thirdlvl]"> <option <?php if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) { $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl']; if ($vertical_dropdown_fontstyle_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) { $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl']; if ($vertical_dropdown_fontstyle_thirdlvl == 'normal') { echo "selected='selected'"; } } ?> value="normal">normal</option> <option <?php if (isset($options['vertical_dropdown_fontstyle_thirdlvl'])) { $vertical_dropdown_fontstyle_thirdlvl = $options['vertical_dropdown_fontstyle_thirdlvl']; if ($vertical_dropdown_fontstyle_thirdlvl == 'italic') { echo "selected='selected'"; } } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[vertical_dropdown_fontweight_thirdlvl]"> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '200') { echo "selected='selected'"; } } ?> value="200">200</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '300') { echo "selected='selected'"; } } ?> value="300">300</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '400') { echo "selected='selected'"; } } ?> value="400">400</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '500') { echo "selected='selected'"; } } ?> value="500">500</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '600') { echo "selected='selected'"; } } ?> value="600">600</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '700') { echo "selected='selected'"; } } ?> value="700">700</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '800') { echo "selected='selected'"; } } ?> value="800">800</option> <option <?php if (isset($options['vertical_dropdown_fontweight_thirdlvl'])) { $vertical_dropdown_fontweight_thirdlvl = $options['vertical_dropdown_fontweight_thirdlvl']; if ($vertical_dropdown_fontweight_thirdlvl == '900') { echo "selected='selected'"; } } ?> value="900">900</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Side Area</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Side Area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[enable_side_area]"> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> <option <?php if (isset($options['enable_side_area']) && $options['enable_side_area'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Side Area Title', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_proya[side_area_title]" type="text" value="<?php if (isset($options['side_area_title'])) { if ($options['side_area_title']) { echo esc_attr($options['side_area_title'], 'qode'); } } ?> " /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['side_area_background_color']) && $options['side_area_background_color']) { echo 'background-color:' . esc_attr($options['side_area_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[side_area_background_color]" type="text" value="<?php if (isset($options['side_area_background_color'])) { if ($options['side_area_background_color']) { echo esc_attr($options['side_area_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Text', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['side_area_text_color']) && $options['side_area_text_color']) { echo 'background-color:' . esc_attr($options['side_area_text_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[side_area_text_color]" type="text" value="<?php if (isset($options['side_area_text_color'])) { if ($options['side_area_text_color']) { echo esc_attr($options['side_area_text_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['side_area_text_hover_color']) && $options['side_area_text_hover_color']) { echo 'background-color:' . esc_attr($options['side_area_text_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[side_area_text_hover_color]" type="text" value="<?php if (isset($options['side_area_text_hover_color'])) { if ($options['side_area_text_hover_color']) { echo esc_attr($options['side_area_text_hover_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font Size (px)', 'qode'); ?> <input name="qode_options_proya[side_area_text_font_size]" type="text" value="<?php if (isset($options['side_area_text_font_size'])) { if ($options['side_area_text_font_size']) { echo esc_attr($options['side_area_text_font_size'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Letter Spacing (px)', 'qode'); ?> <input name="qode_options_proya[side_area_text_letter_spacing]" type="text" value="<?php if (isset($options['side_area_text_letter_spacing'])) { if ($options['side_area_text_letter_spacing']) { echo esc_attr($options['side_area_text_letter_spacing'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[side_area_text_font_weight]"> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['side_area_text_font_weight']) && $options['side_area_text_font_weight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Title', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['side_area_title_color']) && $options['side_area_title_color']) { echo 'color:' . esc_attr($options['side_area_title_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[side_area_title_color]" type="text" value="<?php if (isset($options['side_area_title_color'])) { if ($options['side_area_title_color']) { echo esc_attr($options['side_area_title_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font Size (px)', 'qode'); ?> <input name="qode_options_proya[side_area_title_font_size]" type="text" value="<?php if (isset($options['side_area_title_font_size'])) { if ($options['side_area_title_font_size']) { echo esc_attr($options['side_area_title_font_size'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[side_area_title_font_weight]"> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['side_area_title_font_weight']) && $options['side_area_title_font_weight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter Spacing (px)', 'qode'); ?> <input name="qode_options_proya[side_area_title_letter_spacing]" type="text" value="<?php if (isset($options['side_area_title_letter_spacing'])) { if ($options['side_area_title_letter_spacing']) { echo esc_attr($options['side_area_title_letter_spacing'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Close Icon Style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[side_area_close_icon_style]"> <option <?php if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "light") { echo "selected='selected'"; } ?> value="light">Light</option> <option <?php if (isset($options['side_area_close_icon_style']) && $options['side_area_close_icon_style'] == "dark") { echo "selected='selected'"; } ?> value="dark">Dark</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Fullscreen Menu</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Fullscreen Menu', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[enable_popup_menu]"> <option <?php if (isset($options['enable_popup_menu']) && $options['enable_popup_menu'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> <option <?php if (isset($options['enable_popup_menu']) && $options['enable_popup_menu'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Logo image for Fullscreen menu', 'qode'); ?> </td> <td> <div class="inline" style="width: 700px;"> <input type="text" id="logo_image_popup" name="qode_options_proya[logo_image_popup]" class="logo_image_popup" value="<?php if (isset($options['logo_image_popup'])) { echo esc_attr($options['logo_image_popup'], 'qode'); } else { echo QODE_ROOT . "/img/logo_white.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('1st level style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_color'])) { echo 'background-color:' . esc_attr($options['popup_menu_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_color]" type="text" value="<?php if (isset($options['popup_menu_color'])) { echo esc_attr($options['popup_menu_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_hover_color'])) { echo 'background-color:' . esc_attr($options['popup_menu_hover_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_hover_color]" type="text" value="<?php if (isset($options['popup_menu_hover_color'])) { echo esc_attr($options['popup_menu_hover_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_hover_background_color'])) { echo 'background-color:' . esc_attr($options['popup_menu_hover_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_hover_background_color]" type="text" value="<?php if (isset($options['popup_menu_hover_background_color'])) { echo esc_attr($options['popup_menu_hover_background_color'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[popup_menu_google_fonts]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['popup_menu_google_fonts']) && $options['popup_menu_google_fonts'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_fontsize]" type="text" value="<?php if (isset($options['popup_menu_fontsize']) && $options['popup_menu_fontsize']) { echo esc_attr($options['popup_menu_fontsize'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_lineheight]" type="text" value="<?php if (isset($options['popup_menu_lineheight']) && $options['popup_menu_lineheight']) { echo esc_attr($options['popup_menu_lineheight'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[popup_menu_fontstyle]"> <option <?php if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['popup_menu_fontstyle']) && $options['popup_menu_fontstyle'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[popup_menu_fontweight]"> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['popup_menu_fontweight']) && $options['popup_menu_fontweight'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_letterspacing]" type="text" value="<?php if (isset($options['popup_menu_letterspacing']) && $options['popup_menu_letterspacing'] !== '') { echo esc_attr($options['popup_menu_letterspacing'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('2nd level style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_color_2nd'])) { echo 'background-color:' . esc_attr($options['popup_menu_color_2nd'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_color_2nd]" type="text" value="<?php if (isset($options['popup_menu_color_2nd'])) { echo esc_attr($options['popup_menu_color_2nd'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_hover_color_2nd'])) { echo 'background-color:' . esc_attr($options['popup_menu_hover_color_2nd'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_hover_color_2nd]" type="text" value="<?php if (isset($options['popup_menu_hover_color_2nd'])) { echo esc_attr($options['popup_menu_hover_color_2nd'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background hover color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_hover_background_color_2nd'])) { echo 'background-color:' . esc_attr($options['popup_menu_hover_background_color_2nd'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_hover_background_color_2nd]" type="text" value="<?php if (isset($options['popup_menu_hover_background_color_2nd'])) { echo esc_attr($options['popup_menu_hover_background_color_2nd'], 'qode'); } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Font family', 'qode'); ?> <select name="qode_options_proya[popup_menu_google_fonts_2nd]"> <option value="-1">Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (isset($options['popup_menu_google_fonts_2nd']) && $options['popup_menu_google_fonts_2nd'] == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> </select> </div> <div class="inline"> <?php esc_html_e('Font size (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_fontsize_2nd]" type="text" value="<?php if (isset($options['popup_menu_fontsize_2nd']) && $options['popup_menu_fontsize_2nd']) { echo esc_attr($options['popup_menu_fontsize_2nd'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Line height (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_lineheight_2nd]" type="text" value="<?php if (isset($options['popup_menu_lineheight_2nd']) && $options['popup_menu_lineheight_2nd']) { echo esc_attr($options['popup_menu_lineheight_2nd'], 'qode'); } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Font style', 'qode'); ?> <select name="qode_options_proya[popup_menu_fontstyle_2nd]"> <option <?php if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "normal") { echo "selected='selected'"; } ?> value="normal">normal</option> <option <?php if (isset($options['popup_menu_fontstyle_2nd']) && $options['popup_menu_fontstyle_2nd'] == "italic") { echo "selected='selected'"; } ?> value="italic">italic</option> </select> </div> <div class="inline"> <?php esc_html_e('Font weight', 'qode'); ?> <select name="qode_options_proya[popup_menu_fontweight_2nd]"> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "") { echo "selected='selected'"; } ?> value=""></option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "200") { echo "selected='selected'"; } ?> value="200">200</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "300") { echo "selected='selected'"; } ?> value="300">300</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "400") { echo "selected='selected'"; } ?> value="400">400</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "500") { echo "selected='selected'"; } ?> value="500">500</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "600") { echo "selected='selected'"; } ?> value="600">600</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "700") { echo "selected='selected'"; } ?> value="700">700</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "800") { echo "selected='selected'"; } ?> value="800">800</option> <option <?php if (isset($options['popup_menu_fontweight_2nd']) && $options['popup_menu_fontweight_2nd'] == "900") { echo "selected='selected'"; } ?> value="900">900</option> </select> </div> <div class="inline"> <?php esc_html_e('Letter spacing (px)', 'qode'); ?> <input name="qode_options_proya[popup_menu_letterspacing_2nd]" type="text" value="<?php if (isset($options['popup_menu_letterspacing_2nd']) && $options['popup_menu_letterspacing_2nd'] !== '') { echo esc_attr($options['popup_menu_letterspacing_2nd'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['popup_menu_background_color']) && $options['popup_menu_background_color']) { echo 'background-color:' . esc_attr($options['popup_menu_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[popup_menu_background_color]" type="text" value="<?php if (isset($options['popup_menu_background_color'])) { if ($options['popup_menu_background_color']) { echo esc_attr($options['popup_menu_background_color'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Transparency (From 0 to 1)', 'qode'); ?> <input name="qode_options_proya[popup_menu_background_transparency]" type="text" value="<?php if (isset($options['popup_menu_background_transparency'])) { echo esc_attr($options['popup_menu_background_transparency'], 'qode'); } ?> " size="10" maxlength="10" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Content Bottom Area</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Enable Content Bottom Area', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[enable_content_bottom_area]"> <option <?php if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "yes") { echo "selected='selected'"; } ?> value="yes">yes</option> <option <?php if (isset($options['enable_content_bottom_area']) && $options['enable_content_bottom_area'] == "no") { echo "selected='selected'"; } ?> value="no">no</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Content bottom sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_proya[content_bottom_sidebar_custom_display]"> <option value="" <?php if (isset($options['content_bottom_sidebar_custom_display'])) { $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display']; if ($content_bottom_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['content_bottom_sidebar_custom_display'])) { $content_bottom_sidebar_custom_display = $options['content_bottom_sidebar_custom_display']; if ($content_bottom_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> <tr valign="middle"> <td valign="middle" width="150"><?php esc_html_e('Content bottom in grid', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[content_bottom_in_grid]"> <option <?php if (isset($options['content_bottom_in_grid'])) { if ($options['content_bottom_in_grid'] == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['content_bottom_in_grid'])) { if ($options['content_bottom_in_grid'] == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Background Color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['content_bottom_background_color']) && $options['content_bottom_background_color']) { echo 'background-color:' . esc_attr($options['content_bottom_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[content_bottom_background_color]" type="text" value="<?php if (isset($options['content_bottom_background_color'])) { if ($options['content_bottom_background_color']) { echo esc_attr($options['content_bottom_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Parallax</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax on touch devices', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[parallax_onoff]"> <option <?php if ($options['parallax_onoff'] == "on") { echo "selected='selected'"; } ?> value="on">on</option> <option <?php if ($options['parallax_onoff'] == "off") { echo "selected='selected'"; } ?> value="off">off</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Parallax min height (px)', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_proya[parallax_minheight]" type="text" value="<?php if ($options['parallax_minheight']) { echo esc_attr($options['parallax_minheight'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Set min-height for last two stages', 'qode'); ?> </div> </td> </tr> </tbody> </table> </div> <h3>Portfolio</h3> <div> <table class="form-table"> <tbody> <tr><td colspan='2'><h2>Portfolio single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Portfolio style', 'qode'); ?> </td> <td> <select name="qode_options_proya[portfolio_style]"> <option <?php if ($options['portfolio_style'] == 1) { echo "selected='selected'"; } ?> value="1">Portfolio small images</option> <option <?php if ($options['portfolio_style'] == 2) { echo "selected='selected'"; } ?> value="2">Portfolio small slider</option> <option <?php if ($options['portfolio_style'] == 5) { echo "selected='selected'"; } ?> value="5">Portfolio big images</option> <option <?php if ($options['portfolio_style'] == 3) { echo "selected='selected'"; } ?> value="3">Portfolio big slider</option> <option <?php if ($options['portfolio_style'] == 4) { echo "selected='selected'"; } ?> value="4">Portfolio custom</option> <option <?php if ($options['portfolio_style'] == 7) { echo "selected='selected'"; } ?> value="7">Portfolio full width custom</option> <option <?php if ($options['portfolio_style'] == 6) { echo "selected='selected'"; } ?> value="6">Portfolio gallery</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Portfolio Qode Like', 'qode'); ?> </td> <td> <select name="qode_options_proya[portfolio_qode_like]"> <option <?php if (isset($options['portfolio_qode_like'])) { $portfolio_qode_like = $options['portfolio_qode_like']; if ($portfolio_qode_like == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['portfolio_qode_like'])) { $portfolio_qode_like = $options['portfolio_qode_like']; if ($portfolio_qode_like == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Lightbox for single project', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[lightbox_single_project]"> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['lightbox_single_project'])) { $lightbox_single_project = $options['lightbox_single_project']; if ($lightbox_single_project == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Number of columns for Portfolio gallery style', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[portfolio_columns_number]"> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 2) { echo "selected='selected'"; } } ?> value="2">2 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 3) { echo "selected='selected'"; } } ?> value="3">3 columns</option> <option <?php if (isset($options['portfolio_columns_number'])) { $portfolio_columns_number = $options['portfolio_columns_number']; if ($options['portfolio_columns_number'] == 4) { echo "selected='selected'"; } } ?> value="4">4 columns</option> </select> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar layout', 'qode'); ?> </td> <td> <select name="qode_options_proya[portfolio_single_sidebar]"> <option <?php if (isset($options['portfolio_single_sidebar'])) { $portfolio_single_sidebar = $options['portfolio_single_sidebar']; if ($portfolio_single_sidebar == "default") { echo "selected='selected'"; } } ?> value="default">No Sidebar</option> <option <?php if (isset($options['portfolio_single_sidebar'])) { $portfolio_single_sidebar = $options['portfolio_single_sidebar']; if ($portfolio_single_sidebar == 1) { echo "selected='selected'"; } } ?> value="1">Sidebar 1/3 right</option> <option <?php if (isset($options['portfolio_single_sidebar'])) { $portfolio_single_sidebar = $options['portfolio_single_sidebar']; if ($portfolio_single_sidebar == 2) { echo "selected='selected'"; } } ?> value="2">Sidebar 1/4 right</option> <option <?php if (isset($options['portfolio_single_sidebar'])) { $portfolio_single_sidebar = $options['portfolio_single_sidebar']; if ($portfolio_single_sidebar == 3) { echo "selected='selected'"; } } ?> value="3">Sidebar 1/3 left</option> <option <?php if (isset($options['portfolio_single_sidebar'])) { $portfolio_single_sidebar = $options['portfolio_single_sidebar']; if ($portfolio_single_sidebar == 4) { echo "selected='selected'"; } } ?> value="4">Sidebar 1/4 left</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_proya[portfolio_single_sidebar_custom_display]"> <option value="" <?php if (isset($options['portfolio_single_sidebar_custom_display'])) { $portfolio_single_sidebar_custom_display = $options['portfolio_single_sidebar_custom_display']; if ($portfolio_single_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['portfolio_single_sidebar_custom_display'])) { $portfolio_single_sidebar_custom_display = $options['portfolio_single_sidebar_custom_display']; if ($portfolio_single_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Portfolio single slug', 'qode'); ?> </td> <td> <div class="inline"> <input name="qode_options_proya[portfolio_single_slug]" type="text" value="<?php if (isset($options['portfolio_single_slug']) && $options['portfolio_single_slug'] != "") { echo esc_attr($options['portfolio_single_slug'], 'qode'); } ?> " /> <?php echo sprintf(__('When you put the slug for portfolio page, you should navigate to ', 'qode') . '<code>%s</code>' . __(' and click save button.', 'qode'), '<a href="' . admin_url('options-permalink.php') . '">' . __('Settings -> Permalinks', 'qode') . '</a>'); ?> </div> </td> </tr> <tr> <td valign="middle" width="150"><?php esc_html_e('Enable Portfolio text following', 'qode'); ?> </td> <td> <div class="inline"> <select name="qode_options_proya[portfolio_text_follow]"> <option <?php if (isset($options['portfolio_text_follow'])) { $portfolio_text_follow = $options['portfolio_text_follow']; if ($portfolio_text_follow == 'portfolio_single_follow') { echo "selected='selected'"; } } ?> value="portfolio_single_follow">Yes</option> <option <?php if (isset($options['portfolio_text_follow'])) { $portfolio_text_follow = $options['portfolio_text_follow']; if ($portfolio_text_follow == 'portfolio_single_no_follow') { echo "selected='selected'"; } } ?> value="portfolio_single_no_follow">No</option> </select> </div> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Blog</h3> <div> <table class="form-table"> <tbody> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Quote/Link box color', 'qode'); ?> </td> <td> <div class="colorSelector"><div style="<?php if ($options['blog_quote_link_box_color']) { echo 'background-color:' . esc_attr($options['blog_quote_link_box_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_quote_link_box_color]" type="text" value="<?php if (isset($options['blog_quote_link_box_color']) && $options['blog_quote_link_box_color']) { echo esc_attr($options['blog_quote_link_box_color'], 'qode'); } ?> " size="10" maxlength="30" /> </td> </tr> <tr><td colspan='2'><h2>Blog list</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pagination', 'qode'); ?> </td> <td> <select name="qode_options_proya[pagination]"> <option <?php if ($options['pagination'] == 0) { echo "selected='selected'"; } ?> value="0">No</option> <option <?php if ($options['pagination'] == 1) { echo "selected='selected'"; } ?> value="1">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Choose blog layout', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_style]"> <option <?php if ($options['blog_style'] == 1) { echo "selected='selected'"; } ?> value="1"><?php esc_html_e('Blog Large Image', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 2) { echo "selected='selected'"; } ?> value="2"><?php esc_html_e('Blog Masonry', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 5) { echo "selected='selected'"; } ?> value="5"><?php esc_html_e('Blog Masonry Full Width', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 3) { echo "selected='selected'"; } ?> value="3"><?php esc_html_e('Blog Large Image Whole Post', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 4) { echo "selected='selected'"; } ?> value="4"><?php esc_html_e('Blog Small Image', 'qode'); ?> </option> <option <?php if ($options['blog_style'] == 6) { echo "selected='selected'"; } ?> value="6"><?php esc_html_e('Blog Large Image Simple', 'qode'); ?> </option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog sidebar', 'qode'); ?> </td> <td> <select name="qode_options_proya[category_blog_sidebar]"> <option <?php if ($options['category_blog_sidebar'] == "default") { echo "selected='selected'"; } ?> value="default">No Sidebar</option> <option <?php if ($options['category_blog_sidebar'] == 1) { echo "selected='selected'"; } ?> value="1">Sidebar 1/3 right</option> <option <?php if ($options['category_blog_sidebar'] == 2) { echo "selected='selected'"; } ?> value="2">Sidebar 1/4 right</option> <option <?php if ($options['category_blog_sidebar'] == 3) { echo "selected='selected'"; } ?> value="3">Sidebar 1/3 left</option> <option <?php if ($options['category_blog_sidebar'] == 4) { echo "selected='selected'"; } ?> value="4">Sidebar 1/4 left</option> </select> <?php esc_html_e('For category list', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Hide comments', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_hide_comments]"> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_hide_comments'])) { $blog_hide_comments = $options['blog_hide_comments']; if ($blog_hide_comments == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Hide author', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_hide_author]"> <option <?php if (isset($options['blog_hide_author'])) { $blog_hide_author = $options['blog_hide_author']; if ($blog_hide_author == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_hide_author'])) { $blog_hide_author = $options['blog_hide_author']; if ($blog_hide_author == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog Qode Like', 'qode'); ?> </td> <td> <select name="qode_options_proya[qode_like]"> <option <?php if (isset($options['qode_like'])) { $qode_like = $options['qode_like']; if ($qode_like == 'on') { echo "selected='selected'"; } } ?> value="on">On</option> <option <?php if (isset($options['qode_like'])) { $qode_like = $options['qode_like']; if ($qode_like == 'off') { echo "selected='selected'"; } } ?> value="off">Off</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Page Range For Pagination', 'qode'); ?> </td> <td> <input name="qode_options_proya[blog_page_range]" type="text" value="<?php if (isset($options['blog_page_range']) && $options['blog_page_range']) { echo esc_attr($options['blog_page_range'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words', 'qode'); ?> </td> <td> <input name="qode_options_proya[number_of_chars]" type="text" value="<?php if (isset($options['number_of_chars']) && $options['number_of_chars']) { echo esc_attr($options['number_of_chars'], 'qode'); } ?> " size="10" maxlength="10" /> <?php esc_html_e('Number of words in blog listing', 'qode'); ?> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in masonry blog template', 'qode'); ?> </td> <td> <input name="qode_options_proya[number_of_chars_masonry]" type="text" value="<?php if (isset($options['number_of_chars_masonry']) && $options['number_of_chars_masonry']) { echo esc_attr($options['number_of_chars_masonry'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in large image blog template', 'qode'); ?> </td> <td> <input name="qode_options_proya[number_of_chars_large_image]" type="text" value="<?php if (isset($options['number_of_chars_large_image']) && $options['number_of_chars_large_image']) { echo esc_attr($options['number_of_chars_large_image'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr><tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Number of words in small image blog template', 'qode'); ?> </td> <td> <input name="qode_options_proya[number_of_chars_small_image]" type="text" value="<?php if (isset($options['number_of_chars_small_image'])) { echo esc_attr($options['number_of_chars_small_image'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Choose Pagination on Masonry type', 'qode'); ?> </td> <td> <select name="qode_options_proya[pagination_masonry]"> <option <?php if (isset($options['pagination_masonry'])) { $pagination_masonry = $options['pagination_masonry']; if ($pagination_masonry == 'pagination') { echo "selected='selected'"; } } ?> value="pagination">Pagination</option> <option <?php if (isset($options['pagination_masonry'])) { $pagination_masonry = $options['pagination_masonry']; if ($pagination_masonry == 'load_more') { echo "selected='selected'"; } } ?> value="load_more">Load More</option> <option <?php if (isset($options['pagination_masonry'])) { $pagination_masonry = $options['pagination_masonry']; if ($pagination_masonry == 'infinite_scroll') { echo "selected='selected'"; } } ?> value="infinite_scroll">Infinite Scroll</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show category filter on masonry style', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_masonry_filter]"> <option <?php if (isset($options['blog_masonry_filter'])) { $blog_masonry_filter = $options['blog_masonry_filter']; if ($blog_masonry_filter == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_masonry_filter'])) { $blog_masonry_filter = $options['blog_masonry_filter']; if ($blog_masonry_filter == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog Large Image style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text in box', 'qode'); ?> <select name="qode_options_proya[blog_large_image_text_in_box]"> <option <?php if (isset($options['blog_large_image_text_in_box'])) { $blog_large_image_text_in_box = $options['blog_large_image_text_in_box']; if ($blog_large_image_text_in_box == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['blog_large_image_text_in_box'])) { $blog_large_image_text_in_box = $options['blog_large_image_text_in_box']; if ($blog_large_image_text_in_box == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_large_image_text_in_box'])) { $blog_large_image_text_in_box = $options['blog_large_image_text_in_box']; if ($blog_large_image_text_in_box == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Box Border', 'qode'); ?> <select name="qode_options_proya[blog_large_image_border]"> <option <?php if (isset($options['blog_large_image_border'])) { $blog_large_image_border = $options['blog_large_image_border']; if ($blog_large_image_border == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['blog_large_image_border'])) { $blog_large_image_border = $options['blog_large_image_border']; if ($blog_large_image_border == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_large_image_border'])) { $blog_large_image_border = $options['blog_large_image_border']; if ($blog_large_image_border == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Box Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_large_image_border_color'])) { echo 'background-color:' . esc_attr($options['blog_large_image_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_large_image_border_color]" type="text" value="<?php if (isset($options['blog_large_image_border_color'])) { if ($options['blog_large_image_border_color']) { echo esc_attr($options['blog_large_image_border_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Text Box Border width(px)', 'qode'); ?> <input name="qode_options_proya[blog_large_image_border_width]" type="text" value="<?php if (isset($options['blog_large_image_border_width'])) { if ($options['blog_large_image_border_width']) { echo esc_attr($options['blog_large_image_border_width'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Text Box Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_large_image_background_color'])) { echo 'background-color:' . esc_attr($options['blog_large_image_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_large_image_background_color]" type="text" value="<?php if (isset($options['blog_large_image_background_color'])) { if ($options['blog_large_image_background_color']) { echo esc_attr($options['blog_large_image_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog Medium Image style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Text in box', 'qode'); ?> <select name="qode_options_proya[blog_small_image_text_in_box]"> <option <?php if (isset($options['blog_small_image_text_in_box'])) { $blog_small_image_text_in_box = $options['blog_small_image_text_in_box']; if ($blog_small_image_text_in_box == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['blog_small_image_text_in_box'])) { $blog_small_image_text_in_box = $options['blog_small_image_text_in_box']; if ($blog_small_image_text_in_box == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_small_image_text_in_box'])) { $blog_small_image_text_in_box = $options['blog_small_image_text_in_box']; if ($blog_small_image_text_in_box == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Box Border', 'qode'); ?> <select name="qode_options_proya[blog_small_image_border]"> <option <?php if (isset($options['blog_small_image_border'])) { $blog_small_image_border = $options['blog_small_image_border']; if ($blog_small_image_border == '') { echo "selected='selected'"; } } ?> value=""></option> <option <?php if (isset($options['blog_small_image_border'])) { $blog_small_image_border = $options['blog_small_image_border']; if ($blog_small_image_border == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_small_image_border'])) { $blog_small_image_border = $options['blog_small_image_border']; if ($blog_small_image_border == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline"> <?php esc_html_e('Text Box Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_small_image_border_color'])) { echo 'background-color:' . esc_attr($options['blog_small_image_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_small_image_border_color]" type="text" value="<?php if (isset($options['blog_small_image_border_color'])) { if ($options['blog_small_image_border_color']) { echo esc_attr($options['blog_small_image_border_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Text Box Border width(px)', 'qode'); ?> <input name="qode_options_proya[blog_small_image_border_width]" type="text" value="<?php if (isset($options['blog_small_image_border_width'])) { if ($options['blog_small_image_border_width']) { echo esc_attr($options['blog_small_image_border_width'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> <div class="inline"> <?php esc_html_e('Text Box Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_small_image_background_color'])) { echo 'background-color:' . esc_attr($options['blog_small_image_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_small_image_background_color]" type="text" value="<?php if (isset($options['blog_small_image_background_color'])) { if ($options['blog_small_image_background_color']) { echo esc_attr($options['blog_small_image_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Blog Masonry Style', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Border Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_masonry_border_color'])) { echo 'background-color:' . esc_attr($options['blog_masonry_border_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_masonry_border_color]" type="text" value="<?php if (isset($options['blog_masonry_border_color'])) { if ($options['blog_masonry_border_color']) { echo esc_attr($options['blog_masonry_border_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Background Color', 'qode'); ?> <div class="colorSelector"><div style="<?php if (isset($options['blog_masonry_background_color'])) { echo 'background-color:' . esc_attr($options['blog_masonry_background_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[blog_masonry_background_color]" type="text" value="<?php if (isset($options['blog_masonry_background_color'])) { if ($options['blog_masonry_background_color']) { echo esc_attr($options['blog_masonry_background_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> <div class="inline"> <?php esc_html_e('Border Raidus(px)', 'qode'); ?> <input name="qode_options_proya[blog_masonry_border_radius]" type="text" value="<?php if (isset($options['blog_masonry_border_radius'])) { if ($options['blog_masonry_border_radius']) { echo esc_attr($options['blog_masonry_border_radius'], 'qode'); } } ?> " size="10" maxlength="10" /> </div> </td> </tr> <tr><td colspan='2'><h2>Blog single</h2></td></tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar layout', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_single_sidebar]"> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == "default") { echo "selected='selected'"; } } ?> value="default">No Sidebar</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 1) { echo "selected='selected'"; } } ?> value="1">Sidebar 1/3 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 2) { echo "selected='selected'"; } } ?> value="2">Sidebar 1/4 right</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 3) { echo "selected='selected'"; } } ?> value="3">Sidebar 1/3 left</option> <option <?php if (isset($options['blog_single_sidebar'])) { $blog_single_sidebar = $options['blog_single_sidebar']; if ($blog_single_sidebar == 4) { echo "selected='selected'"; } } ?> value="4">Sidebar 1/4 left</option> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Sidebar to display', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_single_sidebar_custom_display]"> <option value="" <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == "") { echo "selected='selected'"; } } ?> ></option> <?php foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (isset($options['blog_single_sidebar_custom_display'])) { $blog_single_sidebar_custom_display = $options['blog_single_sidebar_custom_display']; if ($blog_single_sidebar_custom_display == ucwords($sidebar['id'])) { echo "selected='selected'"; } } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } ?> </select> </td> </tr> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Show Blog Author', 'qode'); ?> </td> <td> <select name="qode_options_proya[blog_author_info]"> <option <?php if (isset($options['blog_author_info'])) { $blog_author_info = $options['blog_author_info']; if ($blog_author_info == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['blog_author_info'])) { $blog_author_info = $options['blog_author_info']; if ($blog_author_info == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3><?php esc_html_e('Contact Page', 'qode'); ?> </h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Mail send to', 'qode'); ?> </td> <td> <input name="qode_options_proya[receive_mail]" type="text" value="<?php if ($options['receive_mail']) { echo esc_attr($options['receive_mail'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Contact Form', 'qode'); ?> </td> <td> <select name="qode_options_proya[enable_contact_form]"> <option <?php if ($options['enable_contact_form'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_contact_form'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Hide Website Field', 'qode'); ?> </td> <td> <select name="qode_options_proya[hide_contact_form_website]"> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['hide_contact_form_website'])) { $hide_contact_form_website = $options['hide_contact_form_website']; if ($hide_contact_form_website == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email From', 'qode'); ?> </td> <td> <input name="qode_options_proya[email_from]" type="text" value="<?php if ($options['email_from']) { echo esc_attr($options['email_from'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Email Subject', 'qode'); ?> </td> <td> <input name="qode_options_proya[email_subject]" type="text" value="<?php if ($options['email_subject']) { echo esc_attr($options['email_subject'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Use reCaptcha', 'qode'); ?> </td> <td> <select name="qode_options_proya[use_recaptcha]"> <option <?php if ($options['use_recaptcha'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['use_recaptcha'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha public key', 'qode'); ?> </td> <td> <input name="qode_options_proya[recaptcha_public_key]" type="text" value="<?php if ($options['recaptcha_public_key']) { echo esc_attr($options['recaptcha_public_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('ReCaptcha private key', 'qode'); ?> </td> <td> <input name="qode_options_proya[recaptcha_private_key]" type="text" value="<?php if ($options['recaptcha_private_key']) { echo esc_attr($options['recaptcha_private_key'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Heading above contact form', 'qode'); ?> </td> <td> <input name="qode_options_proya[contact_heading_above]" type="text" value="<?php if ($options['contact_heading_above']) { echo esc_attr($options['contact_heading_above'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Show Section beetwen map and form', 'qode'); ?> </td> <td> <select name="qode_options_proya[section_between_map_form]"> <option <?php if (isset($options['section_between_map_form']) && $options['section_between_map_form'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if (isset($options['section_between_map_form']) && $options['section_between_map_form'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Alignment of section between map and form', 'qode'); ?> </td> <td> <select name="qode_options_proya[section_between_map_form_position]"> <option <?php if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "") { echo "selected='selected'"; } ?> value="">Default</option> <option <?php if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "left") { echo "selected='selected'"; } ?> value="left">Left</option> <option <?php if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "center") { echo "selected='selected'"; } ?> value="center">Center</option> <option <?php if (isset($options['section_between_map_form_position']) && $options['section_between_map_form_position'] == "right") { echo "selected='selected'"; } ?> value="right">Right</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title in section between map and form', 'qode'); ?> </td> <td> <input name="qode_options_proya[contact_section_above_form_title]" type="text" value="<?php if (isset($options['contact_section_above_form_title']) && $options['contact_section_above_form_title']) { echo esc_attr($options['contact_section_above_form_title'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Subtitle in section between map and form', 'qode'); ?> </td> <td> <input name="qode_options_proya[contact_section_above_form_subtitle]" type="text" value="<?php if (isset($options['contact_section_above_form_subtitle']) && $options['contact_section_above_form_subtitle']) { echo esc_attr($options['contact_section_above_form_subtitle'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Google Map', 'qode'); ?> </td> <td> <select name="qode_options_proya[enable_google_map]"> <option <?php if ($options['enable_google_map'] == "no") { echo "selected='selected'"; } ?> value="no">No</option> <option <?php if ($options['enable_google_map'] == "yes") { echo "selected='selected'"; } ?> value="yes">Yes</option> </select> <?php esc_html_e(' If you choose Yes and save, then come back to this section and you will get additional fields for google map settings.', 'qode'); ?> </td> </tr> <?php if ($options['enable_google_map'] == "yes") { ?> <tr valign="middle"> <td scope="row" width="150"><?php esc_html_e('Pin image', 'qode'); ?> </td> <td> <div class="inline" style="width: 705px;"> <input type="text" id="google_maps_pin_image" name="qode_options_proya[google_maps_pin_image]" class="google_maps_pin_image" value="<?php if (isset($options['google_maps_pin_image'])) { echo esc_attr($options['google_maps_pin_image'], 'qode'); } else { echo QODE_ROOT . "/img/pin.png"; } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address', 'qode'); ?> </td> <td> <input id="google_maps_address" name="qode_options_proya[google_maps_address]" value="<?php if (isset($options['google_maps_address'])) { echo esc_attr($options['google_maps_address'], 'qode'); } ?> " size="130" /> <?php esc_html_e('Example (Louvre Museum, Paris, France)', 'qode'); ?> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 2', 'qode'); ?> </td> <td> <input id="google_maps_address2" name="qode_options_proya[google_maps_address2]" value="<?php if (isset($options['google_maps_address2'])) { echo esc_attr($options['google_maps_address2'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 3', 'qode'); ?> </td> <td> <input id="google_maps_address3" name="qode_options_proya[google_maps_address3]" value="<?php if (isset($options['google_maps_address3'])) { echo esc_attr($options['google_maps_address3'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 4', 'qode'); ?> </td> <td> <input id="google_maps_address4" name="qode_options_proya[google_maps_address4]" value="<?php if (isset($options['google_maps_address4'])) { echo esc_attr($options['google_maps_address4'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map address 5', 'qode'); ?> </td> <td> <input id="google_maps_address5" name="qode_options_proya[google_maps_address5]" value="<?php if (isset($options['google_maps_address5'])) { echo esc_attr($options['google_maps_address5'], 'qode'); } ?> " size="130" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map zoom', 'qode'); ?> </td> <td> <input id="google_maps_zoom" name="qode_options_proya[google_maps_zoom]" value="<?php if (isset($options['google_maps_zoom'])) { echo esc_attr($options['google_maps_zoom'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map height (px)', 'qode'); ?> </td> <td> <input id="google_maps_height" name="qode_options_proya[google_maps_height]" value="<?php if (isset($options['google_maps_height'])) { echo esc_attr($options['google_maps_height'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map style', 'qode'); ?> </td> <td> <select name="qode_options_proya[google_maps_style]"> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_style'])) { $google_maps_style = $options['google_maps_style']; if ($google_maps_style == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map color', 'qode'); ?> </td> <td> <div class="inline"> <div class="colorSelector"><div style="<?php if (isset($options['google_maps_color'])) { echo 'background-color:' . esc_attr($options['google_maps_color'], 'qode') . ';'; } ?> "></div></div> <input name="qode_options_proya[google_maps_color]" type="text" value="<?php if (isset($options['google_maps_color'])) { if ($options['google_maps_color']) { echo esc_attr($options['google_maps_color'], 'qode'); } } ?> " size="10" maxlength="30" /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map saturation (-100 to 100)', 'qode'); ?> </td> <td> <input id="google_maps_saturation" name="qode_options_proya[google_maps_saturation]" value="<?php if (isset($options['google_maps_saturation'])) { echo esc_attr($options['google_maps_saturation'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map lightness (-100 to 100)', 'qode'); ?> </td> <td> <input id="google_maps_lightness" name="qode_options_proya[google_maps_lightness]" value="<?php if (isset($options['google_maps_lightness'])) { echo esc_attr($options['google_maps_lightness'], 'qode'); } ?> " size="10" maxlength="10" /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google map scroll on mouse wheel', 'qode'); ?> </td> <td> <select name="qode_options_proya[google_maps_scroll_wheel]"> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'no') { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['google_maps_scroll_wheel'])) { $google_maps_scroll_wheel = $options['google_maps_scroll_wheel']; if ($google_maps_scroll_wheel == 'yes') { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <?php } ?> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>404 Page</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Title', 'qode'); ?> </td> <td> <input name="qode_options_proya[404_title]" type="text" value="<?php if ($options['404_title']) { echo esc_attr($options['404_title'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Subtitle', 'qode'); ?> </td> <td> <input name="qode_options_proya[404_subtitle]" type="text" value="<?php if (isset($options['404_subtitle']) && $options['404_subtitle']) { echo esc_attr($options['404_subtitle'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Text', 'qode'); ?> </td> <td> <input name="qode_options_proya[404_text]" type="text" value="<?php if ($options['404_text']) { echo esc_attr($options['404_text'], 'qode'); } ?> " /> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Back to home label', 'qode'); ?> </td> <td> <input name="qode_options_proya[404_backlabel]" type="text" value="<?php if ($options['404_backlabel']) { echo esc_attr($options['404_backlabel'], 'qode'); } ?> " /> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> <h3>Social</h3> <div> <table class="form-table"> <tbody> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Enable Social Share', 'qode'); ?> </td> <td> <select name="qode_options_proya[enable_social_share]"> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_social_share'])) { $enable_social_share = $options['enable_social_share']; if ($enable_social_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Facebook', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Facebook', 'qode'); ?> <select name="qode_options_proya[enable_facebook_share]"> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_facebook_share'])) { $enable_facebook_share = $options['enable_facebook_share']; if ($enable_facebook_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="facebook_icon" name="qode_options_proya[facebook_icon]" class="qode_upload_field" value="<?php if (isset($options['facebook_icon'])) { echo esc_attr($options['facebook_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Twitter', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Twitter', 'qode'); ?> <select name="qode_options_proya[enable_twitter_share]"> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_twitter_share'])) { $enable_twitter_share = $options['enable_twitter_share']; if ($enable_twitter_share == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="twitter_icon" name="qode_options_proya[twitter_icon]" class="qode_upload_field" value="<?php if (isset($options['twitter_icon'])) { echo esc_attr($options['twitter_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> <div class="inline"> <?php esc_html_e('Via', 'qode'); ?> <input name="qode_options_proya[twitter_via]" type="text" value="<?php if (isset($options['twitter_via'])) { echo esc_attr($options['twitter_via'], 'qode'); } ?> " /> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Google +', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Google +', 'qode'); ?> <select name="qode_options_proya[enable_google_plus]"> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_google_plus'])) { $enable_google_plus = $options['enable_google_plus']; if ($enable_google_plus == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="google_plus_icon" name="qode_options_proya[google_plus_icon]" class="qode_upload_field" value="<?php if (isset($options['google_plus_icon'])) { echo esc_attr($options['google_plus_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('LinkedIn', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable LinkedIn', 'qode'); ?> <select name="qode_options_proya[enable_linkedin]"> <option <?php if (isset($options['enable_linkedin'])) { $enable_linkedin = $options['enable_linkedin']; if ($enable_linkedin == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_linkedin'])) { $enable_linkedin = $options['enable_linkedin']; if ($enable_linkedin == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Share Icon', 'qode'); ?> <input type="text" id="linkedin_icon" name="qode_options_proya[linkedin_icon]" class="qode_upload_field" value="<?php if (isset($options['linkedin_icon'])) { echo esc_attr($options['linkedin_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Tumblr', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Tumblr', 'qode'); ?> <select name="qode_options_proya[enable_tumblr]"> <option <?php if (isset($options['enable_tumblr'])) { $enable_tumblr = $options['enable_tumblr']; if ($enable_tumblr == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_tumblr'])) { $enable_tumblr = $options['enable_tumblr']; if ($enable_tumblr == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Tumblr Icon', 'qode'); ?> <input type="text" id="tumblr_icon" name="qode_options_proya[tumblr_icon]" class="qode_upload_field" value="<?php if (isset($options['tumblr_icon'])) { echo esc_attr($options['tumblr_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Pinterest', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable Pinterest', 'qode'); ?> <select name="qode_options_proya[enable_pinterest]"> <option <?php if (isset($options['enable_pinterest'])) { $enable_pinterest = $options['enable_pinterest']; if ($enable_pinterest == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_pinterest'])) { $enable_pinterest = $options['enable_pinterest']; if ($enable_pinterest == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('Pinterest Icon', 'qode'); ?> <input type="text" id="pinterest_icon" name="qode_options_proya[pinterest_icon]" class="qode_upload_field" value="<?php if (isset($options['pinterest_icon'])) { echo esc_attr($options['pinterest_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('VK', 'qode'); ?> </td> <td> <div class="inline"> <?php esc_html_e('Enable VK', 'qode'); ?> <select name="qode_options_proya[enable_vk]"> <option <?php if (isset($options['enable_vk'])) { $enable_vk = $options['enable_vk']; if ($enable_vk == "no") { echo "selected='selected'"; } } ?> value="no">No</option> <option <?php if (isset($options['enable_vk'])) { $enable_vk = $options['enable_vk']; if ($enable_vk == "yes") { echo "selected='selected'"; } } ?> value="yes">Yes</option> </select> </div> <div class="inline" style="width: 780px;"> <?php esc_html_e('VK Icon', 'qode'); ?> <input type="text" id="vk_icon" name="qode_options_proya[vk_icon]" class="qode_upload_field" value="<?php if (isset($options['vk_icon'])) { echo esc_attr($options['vk_icon'], 'qode'); } ?> " size="70"> <input class="upload_button" type="button" value="Upload file"> </div> </td> </tr> <tr valign="top"> <td scope="row" width="150"><?php esc_html_e('Show For', 'qode'); ?> </td> <td> <?php $args_post_types = array('public' => true); $post_types = get_post_types($args_post_types); foreach ($post_types as $post_type) { $post_type_object = get_post_type_object($post_type); ?> <input type="checkbox" value="<?php echo $post_type; ?> " <?php if (isset($options["post_types_names_{$post_type}"]) && $options["post_types_names_{$post_type}"] == "{$post_type}") { echo "checked='checked'"; } ?> name="qode_options_proya[post_types_names_<?php echo $post_type; ?> ]" /><?php echo " " . $post_type_object->labels->singular_name; ?> <br /><br /> <?php } ?> </td> </tr> </tbody> </table> <?php display_save_changes_button(); ?> </div> </div> <?php }
/** * Display the new Custom Fields meta box */ function displayCustomFields() { global $post; global $qode_options_theme13; global $fontArrays; ?> <div class="form-wrap"> <?php wp_nonce_field('my-custom-fields', 'my-custom-fields_wpnonce', false, true); foreach ($this->customFields as $customField) { // Check scope $scope = $customField['scope']; $dependency = $customField['dependency']; $output = false; foreach ($scope as $scopeItem) { switch ($scopeItem) { default: if ($post->post_type == $scopeItem) { if ($dependency != "") { foreach ($dependency as $dependencyKey => $dependencyValue) { foreach ($dependencyValue as $dependencyVal) { if ($qode_options_theme13[$dependencyKey] == $dependencyVal) { $output = true; break; } } } } else { $output = true; } } else { break; } } if ($output) { break; } } // Check capability if (!current_user_can($customField['capability'], $post->ID)) { $output = false; } // Output if allowed if ($output) { ?> <?php switch ($customField['type']) { case "checkbox": // Checkbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; break; case "selectbox": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="default" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") { ?> selected="selected" <?php } ?> >No Sidebar</option> <option value="1" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") { ?> selected="selected" <?php } ?> >Sidebar 1/3 right</option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >Sidebar 1/4 right</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >Sidebar 1/3 left</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >Sidebar 1/4 left</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-featured-image": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-category": $categories = get_categories(); if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; echo '<option value=""></option>'; foreach ($categories as $category) { echo '<option value="' . $category->term_id . '"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == $category->term_id) { echo 'selected="selected"'; } echo '>'; echo $category->name; ?> <?php echo '</option>'; } echo '</select>'; echo '</div>'; break; case "selectbox-portfolio-single": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="1" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "1") { ?> selected="selected" <?php } ?> >Portfolio small images</option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >Portfolio small slider</option> <option value="5" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "5") { ?> selected="selected" <?php } ?> >Portfolio big images</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >Portfolio big slider</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >Portfolio custom</option> <option value="7" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "7") { ?> selected="selected" <?php } ?> >Portfolio full width custom</option> <option value="6" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "6") { ?> selected="selected" <?php } ?> >Portfolio gallery</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-portfolio-columns-number": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="2" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "2") { ?> selected="selected" <?php } ?> >2 Columns</option> <option value="3" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "3") { ?> selected="selected" <?php } ?> >3 Columns</option> <option value="4" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "4") { ?> selected="selected" <?php } ?> >4 Columns</option> <?php echo '</select>'; echo '</div>'; break; case "fontsize-select": // Font size selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="small" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "small") { ?> selected="selected" <?php } ?> >Small </option> <option value="medium" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "medium") { ?> selected="selected" <?php } ?> >Medium </option> <option value="large" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "large") { ?> selected="selected" <?php } ?> >Large </option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-portfolio-list-page": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; $args = array('show_option_none' => ' ', 'option_none_value' => '', 'selected' => get_post_meta($post->ID, $this->prefix . $customField['name'], true), 'name' => $this->prefix . $customField['name']); wp_dropdown_pages($args); echo '</div>'; break; case "selectbox-animation": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } $page_transitions = "2"; if (isset($qode_options_theme13['page_transitions'])) { $page_transitions = $qode_options_theme13['page_transitions']; } if ($page_transitions == "1" || $page_transitions == "2" || $page_transitions == "3" || $page_transitions == "4") { // Selectbox echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "default") { ?> selected="selected" <?php } ?> ></option> <option value="no_animation" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no_animation") { ?> selected="selected" <?php } ?> >No animation</option> <option value="updown" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown") { ?> selected="selected" <?php } ?> >Up / Down</option> <option value="fade" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") { ?> selected="selected" <?php } ?> >Fade</option> <option value="updown_fade" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "updown_fade") { ?> selected="selected" <?php } ?> >Up/Down (In) / Fade (Out)</option> <option value="leftright" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "leftright") { ?> selected="selected" <?php } ?> >Left / Right</option> <?php echo '</select>'; echo '</div>'; } break; case "selectbox-yes-no": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-title-animation": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No animation</option> <option value="text_right_left" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "text_right_left") { ?> selected="selected" <?php } ?> >Text right to left</option> <option value="area_top_bottom" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "area_top_bottom") { ?> selected="selected" <?php } ?> >Title area top to bottom</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-fixed-title-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="no" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "no") { ?> selected="selected" <?php } ?> >No</option> <option value="yes" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { ?> selected="selected" <?php } ?> >Yes</option> <option value="yes_zoom" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes_zoom") { ?> selected="selected" <?php } ?> >Yes, with zoom out</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-header-style": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="light" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "light") { ?> selected="selected" <?php } ?> >Light</option> <option value="dark" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "dark") { ?> selected="selected" <?php } ?> >Dark</option> <?php echo '</select>'; echo '</div>'; break; case "image-title-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="title_image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "image-title-overlay-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="title_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="title_overlay_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "slide-background-type": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<label for="image_background" style="display:inline;"><b>Image</b></label> '; echo '<input class="slide_background_type" data-type="image_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="image_background" value="image"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "image") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '<label for="video_background" style="display:inline;"><b>Video</b></label> '; echo '<input class="slide_background_type" data-type="video_type" type="radio" name="' . $this->prefix . $customField['name'] . '" id="video_background" value="video"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "video") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; break; case "slide-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="image_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-thumbnail": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_thumbnail" name="' . $this->prefix . $customField['name'] . '" class="slide_thumbnail" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "selectbox-thumbnail-animation": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="flip" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "flip") { ?> selected="selected" <?php } ?> >Flip</option> <option value="fade" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "fade") { ?> selected="selected" <?php } ?> >Fade</option> <?php echo '</select>'; echo '</div>'; break; case "slide-video-input": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; echo '</div>'; break; case "slide-video-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_video_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-video-overlay-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="slide_video_overlay_image" name="' . $this->prefix . $customField['name'] . '" class="slide_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; echo '</div>'; break; case "slide-video-checkbox": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<div class="video_type">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<input type="checkbox" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="yes"'; if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "yes") { echo ' checked="checked"'; } echo '" style="width: auto;" />'; echo '</div>'; echo '</div>'; break; case "font-family": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "-1") { ?> selected="selected" <?php } ?> >Default</option> <?php foreach ($fontArrays as $fontArray) { ?> <option <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == str_replace(' ', '+', $fontArray["family"])) { echo "selected='selected'"; } ?> value="<?php echo str_replace(' ', '+', $fontArray["family"]); ?> "><?php echo $fontArray["family"]; ?> </option> <?php } ?> <?php echo '</select>'; echo '</div>'; break; case "font-style": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="normal" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "normal") { ?> selected="selected" <?php } ?> >Normal</option> <option value="italic" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "italic") { ?> selected="selected" <?php } ?> >Italic</option> <?php echo '</select>'; echo '</div>'; break; case "font-weight": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="200" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "200") { ?> selected="selected" <?php } ?> >200</option> <option value="300" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "300") { ?> selected="selected" <?php } ?> >300</option> <option value="400" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "400") { ?> selected="selected" <?php } ?> >400</option> <option value="600" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "600") { ?> selected="selected" <?php } ?> >600</option> <option value="800" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "800") { ?> selected="selected" <?php } ?> >800</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-content-alignment": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' ">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="left" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "left") { ?> selected="selected" <?php } ?> >Left</option> <option value="center" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "center") { ?> selected="selected" <?php } ?> >Center</option> <option value="right" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "right") { ?> selected="selected" <?php } ?> >Right</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-title-alignment": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="left" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "left") { ?> selected="selected" <?php } ?> >Left</option> <option value="center" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "center") { ?> selected="selected" <?php } ?> >Center</option> <?php echo '</select>'; echo '</div>'; break; case "selectbox-sidebar": // Selectbox if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '">'; echo '<option value=""></option>'; foreach ($GLOBALS['wp_registered_sidebars'] as $sidebar) { if (isUserMadeSidebar(ucwords($sidebar['name']))) { ?> <option value="<?php echo ucwords($sidebar['id']); ?> " <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == ucwords($sidebar['id'])) { ?> selected="selected" <?php } ?> > <?php echo ucwords($sidebar['name']); ?> </option> <?php } } echo '</select>'; echo '</div>'; break; case "carousel-image": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<div class="image_holder"><input type="text" id="carousel-image" name="' . $this->prefix . $customField['name'] . '" class="title_image" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" /><input class="upload_button" type="button" value="Upload file"></div>'; echo '</div>'; break; case "selectbox-carousel-item-target": if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '" style="display:inline;"><b>' . $customField['title'] . '</b></label> '; echo '<select name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '"> '; ?> <option value="" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "") { ?> selected="selected" <?php } ?> ></option> <option value="_self" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_self") { ?> selected="selected" <?php } ?> >Self</option> <option value="_blank" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_blank") { ?> selected="selected" <?php } ?> >Blank</option> <option value="_parent" <?php if (get_post_meta($post->ID, $this->prefix . $customField['name'], true) == "_parent") { ?> selected="selected" <?php } ?> >Parent</option> <?php echo '</select>'; echo '</div>'; break; case "datepicker": // Datepicker if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" class="datepicker" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; case "colorpicker": //Colorpicker if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' colorpicker_input">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<div class="colorSelector"><div style="background-color:' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '"></div></div>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" size="10" maxlength="10" />'; echo '</div>'; break; case "textarea": case "wysiwyg": // Text area if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<textarea name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" columns="30" rows="3">' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '</textarea>'; // WYSIWYG if ($customField['type'] == "wysiwyg") { ?> <script type="text/javascript"> jQuery( document ).ready( function() { jQuery( "<?php echo $this->prefix . $customField['name']; ?> " ).addClass( "mceEditor" ); if ( typeof( tinyMCE ) == "object" && typeof( tinyMCE.execCommand ) == "function" ) { tinyMCE.execCommand( "mceAddControl", false, "<?php echo $this->prefix . $customField['name']; ?> " ); } }); </script> <?php } echo '</div>'; break; case "short-text-200": // Plain text field if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' short_text_200">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; default: // Plain text field if ($customField['float_left'] == 'yes') { $float_left = 'float_left'; } else { $float_left = ''; } echo '<div class="form-field ' . $float_left . ' form-required">'; echo '<label for="' . $this->prefix . $customField['name'] . '"><b>' . $customField['title'] . '</b></label>'; echo '<input type="text" name="' . $this->prefix . $customField['name'] . '" id="' . $this->prefix . $customField['name'] . '" value="' . htmlspecialchars(get_post_meta($post->ID, $this->prefix . $customField['name'], true)) . '" />'; echo '</div>'; break; } ?> <?php if ($customField['description']) { echo '<p>' . $customField['description'] . '</p>'; } ?> <?php if ($customField['clear_after'] == 'yes') { echo '<div class="clear"></div>'; } ?> <?php } } ?> </div> <?php }