function op_font_options_str($title, $fieldname, $values = array()) { static $field_count = 0; $fieldid = str_replace(array('[]', '][', '[', ']'), array('_' . $field_count, '_', '_', ''), $fieldname) . '_'; $field_count++; return ' <div class="feature-area-font-dropdown"> <label class="form-title" for="' . $fieldid . 'font">' . $title . '</label> <div class="font-chooser cf"> ' . op_font_size_dropdown($fieldname . '[font_size]', op_get_var($values, 'font_size'), $fieldid . 'size') . op_font_dropdown($fieldname . '[font_font]', op_get_var($values, 'font_font'), $fieldid . 'family') . op_font_style_dropdown($fieldname . '[font_style]', op_get_var($values, 'font_style'), $fieldid . 'style') . op_color_picker($fieldname . '[font_color]', op_get_var($values, 'font_color'), $fieldid . 'color', false, true) . ' <a href="#reset" class="reset-link">Reset</a> </div> </div> '; }
_e('Upload a Banner Image', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('Upload a header image'); ?> </p> <?php op_upload_field('op[sections][header_logo_setup][bgimg]', op_default_option('header_logo_setup', 'bgimg')); ?> <div class="clear"></div> <label for="op_sections_header_logo_setup_repeatbgimg" class="form-title"><?php _e('Upload Repeating Header Image', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('This would normally be a gradient. Upload a repeating header background image which will be tiled horizontally on your header. We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN); ?> </p> <?php op_upload_field('op[sections][header_logo_setup][repeatbgimg]', op_default_option('header_logo_setup', 'repeatbgimg')); ?> <label><?php _e('or Choose a header background colour', OP_SN); ?> </label> <?php op_color_picker('op[sections][header_logo_setup][bgcolor]', op_default_attr('header_logo_setup', 'bgcolor'), 'op_header_logo_setup'); ?> </div>
?> <li> <label for="<?php echo $tmp_id; ?> size" class="form-title"><?php echo $title; ?> </label> <?php echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>'; ?> <div class="font-chooser cf"> <?php $opt_array = array('typography', 'color_elements', $element); op_color_picker($tmp_field, op_default_option($opt_array), $tmp_id); ?> <a href="#reset" class="reset-link"><?php _e('Reset', OP_SN); ?> </a> </div> </li> <?php } ?> </ul> <?php } ?>
_e('Upload a Banner Image', 'optimizepress'); ?> </label> <p class="op-micro-copy"><?php _e('Recommended if you don\'t have a logo. Upload a header image up to 975px in width with any graphics on it, and we\'ll throw that on instead.', 'optimizepress'); ?> </p> <?php op_upload_field('op[sections][blog_header][bgimg]', op_default_option('blog_header', 'bgimg')); ?> <label for="op_sections_blog_header_repeatbgimg" class="form-title"><?php _e('Upload Repeating Header Background Image', 'optimizepress'); ?> </label> <p class="op-micro-copy"><?php _e('This would normally be a gradient. Upload a repeating header background image which will be tiled horizontally on your header. We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', 'optimizepress'); ?> </p> <?php op_upload_field('op[sections][blog_header][repeatbgimg]', $repeatbgimg); ?> <label><?php _e('or Choose a header background colour', 'optimizepress'); ?> </label> <?php op_color_picker('op[sections][blog_header][bgcolor]', $bgcolor, 'op_blog_header_bgcolor'); ?> </div>
</label> <p class="op-micro-copy"><?php _e('Choose a box background start colour.', OP_SN); ?> </p> <?php op_color_picker('op[size_color][box_color_start]', $box_color_start, 'op_size_color_box_color_start'); ?> <label for="op_header_layout_box_color_end" class="form-title"><?php _e('Box background end colour', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('Choose a box background end colour.', OP_SN); ?> </p> <?php op_color_picker('op[size_color][box_color_end]', $box_color_end, 'op_size_color_box_color_end'); ?> <label for="op_header_layout_box_width" class="form-title"><?php _e('Box width', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('Enter box width in pixels.', OP_SN); ?> </p> <?php op_text_field('op[size_color][box_width]', $box_width); ?> </div>
$color = $page_opts['color']; $decoration = $page_opts['text_decoration']; } else { $color = $page_opts; $decoration = ''; } $color_test = str_replace('#', '', $color); if (empty($color_test)) { $color = op_default_option($opt_array, 'color'); } if (!empty($decoration)) { $decoration = op_default_option($opt_array, 'decoration'); op_color_picker($tmp_field . '[color]', $color, $tmp_id . '_color'); op_text_decoration_drop($tmp_field . '[text_decoration]', $decoration, $tmp_id . '_text_decoration'); } else { op_color_picker($tmp_field, $color, $tmp_id); } ?> <a href="#reset" class="reset-link">Reset</a> </div> </li> <?php } ?> </ul> <?php } ?> </div> </div>
_e('Upload Repeating Header Background Image', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('This would normally be a gradient. Upload a repeating header background image which will be tiled horizontally on your header. We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN); ?> </p> <?php op_upload_field('op[header_layout][repeatbgimg]', isset($header_logo_setup['repeatbgimg']) ? $header_logo_setup['repeatbgimg'] : ''); ?> <label><strong><?php _e('or choose a header background colour', OP_SN); ?> </strong></label> <?php op_color_picker('op[header_layout][bgcolor]', isset($header_logo_setup['bgcolor']) ? $header_logo_setup['bgcolor'] : '', 'op_header_bgcolor'); ?> <div class="clear"></div> <div class="op-header-disable-link"> <label for="op_header_disable_link" class="form-title"><?php _e('Remove link on header/logo', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('If this is checked, no link will be added to your page header/logo', OP_SN); ?> </p> <input type="checkbox" name="op[header_layout][disable_link]" id="op_header_disable_link" <?php echo $header_layout['disable_link'] == 'on' ? 'checked="checked"' : ''; ?>
$top_nav_font = op_default_attr('color_scheme_fields', $name); op_font_selector('op[sections][color_scheme_fields][' . $name . ']', array('family' => $top_nav_font['font_family'], 'style' => $top_nav_font['font_weight'], 'size' => $top_nav_font['font_size'], 'shadow' => $top_nav_font['font_shadow']), '<div class="op-micro-copy-font-selector">', '</div>', false); ?> </li> <?php } else { ?> <li> <label for="op_sections_color_scheme_field_<?php echo $name; ?> " class="form-title"><?php echo $title; ?> </label> <?php echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>'; op_color_picker('op[sections][color_scheme_fields][' . $name . ']', op_default_attr('color_scheme_fields', $name), 'op_sections_color_scheme_field_' . $name); ?> </li> <?php } ?> <?php } ?> </ul> <?php } ?> </div>
<?php op_color_picker('op[sections][color_scheme_fields][top_nav_dd_hover_link]', op_default_option('color_scheme_fields', 'top_nav_dd_hover_link'), 'op_sections_color_scheme_fields_top_nav_dd_hover_link'); ?> <br style="clear: left;" /> <label for="op_sections_color_scheme_fields_top_nav_dd" class="form-title"><?php _e('Dropdown Background', OP_SN); ?> </label> <p class="op-micro-copy">Choose the colour for your dropdown menu background.</p> <?php op_color_picker('op[sections][color_scheme_fields][top_nav_dd]', op_default_option('color_scheme_fields', 'top_nav_dd'), 'op_sections_color_scheme_fields_top_nav_dd'); ?> <br style="clear: left;" /> <label for="op_sections_color_scheme_field_top_nav_dd_hover" class="form-title"><?php _e('Dropdown Background Hover', OP_SN); ?> </label> <p class="micro-copy">Choose the background colour for the hover state of child pages in your navigation bar</p> <?php op_color_picker('op[sections][color_scheme_fields][top_nav_dd_hover]', op_default_option('color_scheme_fields', 'top_nav_dd_hover'), 'op_sections_color_scheme_fields_top_nav_dd_hover'); ?> </div> </div> </div> <?php if (count($js) > 0) { echo ' <script type="text/javascript"> var op_menu_link_colors = ' . json_encode($js) . '; </script>'; }
?> <li> <label for="<?php echo $tmp_id; ?> size" class="form-title"><?php echo $title; ?> </label> <?php echo empty($help) ? '' : '<p class="op-micro-copy">' . $help . '</p>'; ?> <div class="font-chooser cf"> <?php $opt_array = array('default_typography', 'color_elements', $element); op_color_picker($tmp_field . '[color]', op_default_option($opt_array, 'color'), $tmp_id); ?> <a href="#reset" class="reset-link"><?php _e('Reset', 'optimizepress'); ?> </a> </div> </li> <?php } ?> </ul> <?php } ?>
<div class="op-le-row-options-column"> <label><?php _e('Row border bottom width (px)', OP_SN); ?> </label> <input type="text" name="op_row_border_bottom_width" id="op_row_border_bottom_width" /> </div> <div class="op-le-row-options-column"> <label><?php _e('Row border bottom color', OP_SN); ?> </label> <div class="font-chooser cf"> <?php op_color_picker('someField[borderBottomColor]', '', 'op_section_row_options_borderBottomColor'); ?> <a href="#reset" class="reset-link">Reset</a> </div> </div> <label><?php _e('Row background image', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('Choose an image to use as the row background', OP_SN); ?> </p> <?php op_upload_field('op_row_background');
<div class="field-slider field-id-op_assets_submit_button_inset_shadow_spread_radius_2"> <label><?php _e('Spread Radius', OP_SN); ?> </label> <?php echo op_slider_picker($fieldname . '[inset_shadow_spread]', op_get_var($button, 'inset_shadow_spread', 1), 'op_assets_submit_button_inset_shadow_spread_radius_2', 0, 50); ?> </div> <div class="field-colorpicker field-id-op_assets_submit_button_inset_shadow_shadow_color_3"> <label><?php _e('Shadow Color', OP_SN); ?> </label> <?php echo op_color_picker($fieldname . '[inset_shadow_color]', op_get_var($button, 'inset_shadow_color', '#ffff00'), 'op_assets_submit_button_inset_shadow_shadow_color_3', false, true); ?> </div> <div class="field-slider field-id-op_assets_submit_button_inset_shadow_opacity_2"> <label><?php _e('Shadow Opacity', OP_SN); ?> </label> <?php echo op_slider_picker($fieldname . '[inset_shadow_opacity]', op_get_var($button, 'inset_shadow_opacity', 50), 'op_assets_submit_button_inset_shadow_opacity_2', 0, 100, '%'); ?> </div> </div> </div> </div> <div class="button-option-style button-option-style-7">
_e('Upload Repeating Header Background Image', OP_SN); ?> </label> <p class="op-micro-copy"><?php _e('This would normally be a gradient. Upload a repeating header background image which will be tiled horizontally on your header. We recommend you use a gradient of your choice which is 1px by 250px or the same height as the banner image above if you have uploaded one', OP_SN); ?> </p> <?php op_upload_field('op[header_layout][repeatbgimg]', $header_logo_setup['repeatbgimg']); ?> <label><strong><?php _e('or choose a header background colour', OP_SN); ?> </strong></label> <?php op_color_picker('op[header_layout][bgcolor]', $header_logo_setup['bgcolor'], 'op_header_bgcolor'); ?> <div class="clear"></div> <div class="op-bsw-grey-panel section-nav_bar_above"> <div class="op-bsw-grey-panel-header cf"> <h3><a href="#"><?php _e('Navigation Bar Above Header', OP_SN); ?> </a></h3> <?php $help_vid = op_help_vid(array('page', 'header_layout', 'nav_bar_above'), true); ?> <div class="op-bsw-panel-controls<?php echo $help_vid == '' ? '' : ' op-bsw-panel-controls-help';
echo $key; ?> "<?php echo op_default_page_option($opt_array, $el) == $key ? ' selected' : ''; ?> ><?php echo $value; ?> </option> <?php } ?> </select> <?php } } } else { echo ' <div class="font-chooser cf">'; if (isset($info['text_decoration'])) { op_color_picker($fieldname . '[' . $el . '][color]', op_default_page_option($opt_array, $el, 'color'), $fieldid . $el . '_color'); op_text_decoration_drop($fieldname . '[' . $el . '][text_decoration]', op_default_page_option($opt_array, $el, 'text_decoration'), $fieldid . $el . '_text_decoration'); } else { op_color_picker($fieldname . '[' . $el . ']', op_default_page_option($opt_array, $el), $fieldid . $el); } echo ' <a href="#reset" class="reset-link">Reset</a> </div>'; } } }