WordPress DK Forum Tag: widgets

WordPress DK Forum Tag: widgets - Recent Posts http://wp-danmark.dk/forum/tags/widgets WordPress DK Forum Tag: widgets - Recent Posts da-DK Tue, 28 Jul 2026 23:10:19 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php Danny Bahl om "footer widgets til twenty twelve" http://wp-danmark.dk/forum/topic/footer-widgets-til-twenty-twelve#post-68185 man, 21 aug 2017 08:23:35 +0000 Danny Bahl 68185@http://wp-danmark.dk/forum/ Super! Dianna Jensen om "footer widgets til twenty twelve" http://wp-danmark.dk/forum/topic/footer-widgets-til-twenty-twelve#post-68173 søn, 20 aug 2017 16:38:09 +0000 Dianna Jensen 68173@http://wp-danmark.dk/forum/ Jeg fandt en løsning ved, at bruge plugin Podamibe Simple Footer Widget Area :-) Danny Bahl om "footer widgets til twenty twelve" http://wp-danmark.dk/forum/topic/footer-widgets-til-twenty-twelve#post-68084 man, 07 aug 2017 09:11:06 +0000 Danny Bahl 68084@http://wp-danmark.dk/forum/ Der mangler noget styling. Har du et link til siden? Dianna Jensen om "footer widgets til twenty twelve" http://wp-danmark.dk/forum/topic/footer-widgets-til-twenty-twelve#post-68080 søn, 06 aug 2017 16:14:02 +0000 Dianna Jensen 68080@http://wp-danmark.dk/forum/ Jeg er ved at tilføje footer widgets til mit tema twenty twelve, hvilket også er lykkes mig, men widgets ligger oveni hinanden, istedet for at ligge side om side. Nogen der kan hjælpe med at rette så mine widgets ligger side om side ? fooder.php <code>?php /** * The template for displaying the footer * * Contains footer content and the closing of the #main and #page div elements. * * @package WordPress * @subpackage Twenty_Twelve * @since Twenty Twelve 1.0 */ ?> </div> <footer id="colophon" role="contentinfo"> <div class="site-info"> <?php do_action( 'twentytwelve_credits' ); ?> <div id="footer-sidebar" class="secondary"> <div id="footer-sidebar1"> <?php if(is_active_sidebar('footer-sidebar-1')){ dynamic_sidebar('footer-sidebar-1'); } ?> </div> <div id="footer-sidebar2"> <?php if(is_active_sidebar('footer-sidebar-2')){ dynamic_sidebar('footer-sidebar-2'); } ?> </div> <div id="footer-sidebar3"> <?php if(is_active_sidebar('footer-sidebar-3')){ dynamic_sidebar('footer-sidebar-3'); } ?> </div> </div> </div> </footer> </div> <?php wp_footer(); ?> </body> </html></code> functions.php <code><?php // Add 75x75 image size add_image_size('excerpt-thumbnail', 90, 90, true); // Remove the ... from excerpt and change the text function change_excerpt_more() { function new_excerpt_more($more) { // Use .read-more to style the link return ' <button class="button button-pill button-flat"><a>ID) . '">Læs mere »</a></button>'; } add_filter('excerpt_more', 'new_excerpt_more'); } add_action('after_setup_theme', 'change_excerpt_more'); /** * Twenty Twelve functions and definitions * * Sets up the theme and provides some helper functions, which are used * in the theme as custom template tags. Others are attached to action and * filter hooks in WordPress to change core functionality. * * When using a child theme (see <a href="https://codex.wordpress.org/Theme_Development" rel="nofollow">https://codex.wordpress.org/Theme_Development</a> and * <a href="https://codex.wordpress.org/Child_Themes)" rel="nofollow">https://codex.wordpress.org/Child_Themes)</a>, you can override certain functions * (those wrapped in a function_exists() call) by defining them first in your child theme's * functions.php file. The child theme's functions.php file is included before the parent * theme's file, so the child theme functions would be used. * * Functions that are not pluggable (not wrapped in function_exists()) are instead attached * to a filter or action hook. * * For more information on hooks, actions, and filters, @link <a href="https://codex.wordpress.org/Plugin_API" rel="nofollow">https://codex.wordpress.org/Plugin_API</a> * * @package WordPress * @subpackage Twenty_Twelve * @since Twenty Twelve 1.0 */ // Set up the content width value based on the theme's design and stylesheet. if ( ! isset( $content_width ) ) $content_width = 625; /** * Twenty Twelve setup. * * Sets up theme defaults and registers the various WordPress features that * Twenty Twelve supports. * * @uses load_theme_textdomain() For translation/localization support. * @uses add_editor_style() To add a Visual Editor stylesheet. * @uses add_theme_support() To add support for post thumbnails, automatic feed links, * custom background, and post formats. * @uses register_nav_menu() To add support for navigation menus. * @uses set_post_thumbnail_size() To set a custom post thumbnail size. * * @since Twenty Twelve 1.0 */ function twentytwelve_setup() { /* * Makes Twenty Twelve available for translation. * * Translations can be added to the /languages/ directory. * If you're building a theme based on Twenty Twelve, use a find and replace * to change 'twentytwelve' to the name of your theme in all the template files. */ load_theme_textdomain( 'twentytwelve', get_template_directory() . '/languages' ); // This theme styles the visual editor with editor-style.css to match the theme style. add_editor_style(); // Adds RSS feed links to <head> for posts and comments. add_theme_support( 'automatic-feed-links' ); // This theme supports a variety of post formats. add_theme_support( 'post-formats', array( 'aside', 'image', 'link', 'quote', 'status' ) ); // This theme uses wp_nav_menu() in one location. register_nav_menu( 'primary', __( 'Primary Menu', 'twentytwelve' ) ); /* * This theme supports custom background color and image, * and here we also set up the default background color. */ add_theme_support( 'custom-background', array( 'default-color' => 'e6e6e6', ) ); // This theme uses a custom image size for featured images, displayed on "standard" posts. add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 624, 9999 ); // Unlimited height, soft crop } add_action( 'after_setup_theme', 'twentytwelve_setup' ); /** * Add support for a custom header image. */ require( get_template_directory() . '/inc/custom-header.php' ); /** * Return the Google font stylesheet URL if available. * * The use of Open Sans by default is localized. For languages that use * characters not supported by the font, the font can be disabled. * * @since Twenty Twelve 1.2 * * @return string Font stylesheet or empty string if disabled. */ function twentytwelve_get_font_url() { $font_url = ''; /* translators: If there are characters in your language that are not supported * by Open Sans, translate this to 'off'. Do not translate into your own language. */ if ( 'off' !== _x( 'on', 'Open Sans font: on or off', 'twentytwelve' ) ) { $subsets = 'latin,latin-ext'; /* translators: To add an additional Open Sans character subset specific to your language, * translate this to 'greek', 'cyrillic' or 'vietnamese'. Do not translate into your own language. */ $subset = _x( 'no-subset', 'Open Sans font: add new subset (greek, cyrillic, vietnamese)', 'twentytwelve' ); if ( 'cyrillic' == $subset ) $subsets .= ',cyrillic,cyrillic-ext'; elseif ( 'greek' == $subset ) $subsets .= ',greek,greek-ext'; elseif ( 'vietnamese' == $subset ) $subsets .= ',vietnamese'; $protocol = is_ssl() ? 'https' : 'http'; $query_args = array( 'family' => 'Open+Sans:400italic,700italic,400,700', 'subset' => $subsets, ); $font_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" ); } return $font_url; } /** * Enqueue scripts and styles for front-end. * * @since Twenty Twelve 1.0 */ function twentytwelve_scripts_styles() { global $wp_styles; /* * Adds JavaScript to pages with the comment form to support * sites with threaded comments (when in use). */ if ( is_singular() && comments_open() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); // Adds JavaScript for handling the navigation menu hide-and-show behavior. wp_enqueue_script( 'twentytwelve-navigation', get_template_directory_uri() . '/js/navigation.js', array( 'jquery' ), '20140711', true ); $font_url = twentytwelve_get_font_url(); if ( ! empty( $font_url ) ) wp_enqueue_style( 'twentytwelve-fonts', esc_url_raw( $font_url ), array(), null ); // Loads our main stylesheet. wp_enqueue_style( 'twentytwelve-style', get_stylesheet_uri() ); // Loads the Internet Explorer specific stylesheet. wp_enqueue_style( 'twentytwelve-ie', get_template_directory_uri() . '/css/ie.css', array( 'twentytwelve-style' ), '20121010' ); $wp_styles->add_data( 'twentytwelve-ie', 'conditional', 'lt IE 9' ); } add_action( 'wp_enqueue_scripts', 'twentytwelve_scripts_styles' ); /** * Filter TinyMCE CSS path to include Google Fonts. * * Adds additional stylesheets to the TinyMCE editor if needed. * * @uses twentytwelve_get_font_url() To get the Google Font stylesheet URL. * * @since Twenty Twelve 1.2 * * @param string $mce_css CSS path to load in TinyMCE. * @return string Filtered CSS path. */ function twentytwelve_mce_css( $mce_css ) { $font_url = twentytwelve_get_font_url(); if ( empty( $font_url ) ) return $mce_css; if ( ! empty( $mce_css ) ) $mce_css .= ','; $mce_css .= esc_url_raw( str_replace( ',', '%2C', $font_url ) ); return $mce_css; } add_filter( 'mce_css', 'twentytwelve_mce_css' ); /** * Filter the page title. * * Creates a nicely formatted and more specific title element text * for output in head of document, based on current view. * * @since Twenty Twelve 1.0 * * @param string $title Default title text for current view. * @param string $sep Optional separator. * @return string Filtered title. */ function twentytwelve_wp_title( $title, $sep ) { global $paged, $page; if ( is_feed() ) return $title; // Add the site name. $title .= get_bloginfo( 'name', 'display' ); // Add the site description for the home/front page. $site_description = get_bloginfo( 'description', 'display' ); if ( $site_description && ( is_home() || is_front_page() ) ) $title = "$title $sep $site_description"; // Add a page number if necessary. if ( ( $paged >= 2 || $page >= 2 ) && ! is_404() ) $title = "$title $sep " . sprintf( __( 'Page %s', 'twentytwelve' ), max( $paged, $page ) ); return $title; } add_filter( 'wp_title', 'twentytwelve_wp_title', 10, 2 ); /** * Filter the page menu arguments. * * Makes our wp_nav_menu() fallback -- wp_page_menu() -- show a home link. * * @since Twenty Twelve 1.0 */ function twentytwelve_page_menu_args( $args ) { if ( ! isset( $args['show_home'] ) ) $args['show_home'] = true; return $args; } add_filter( 'wp_page_menu_args', 'twentytwelve_page_menu_args' ); /** * Register sidebars. * * Registers our main widget area and the front page widget areas. * * @since Twenty Twelve 1.0 */ function twentytwelve_widgets_init() { register_sidebar( array( 'name' => __( 'Main Sidebar', 'twentytwelve' ), 'id' => 'sidebar-1', 'description' => __( 'Appears on posts and pages except the optional Front Page template, which has its own widgets', 'twentytwelve' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' => __( 'First Front Page Widget Area', 'twentytwelve' ), 'id' => 'sidebar-2', 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' => __( 'Second Front Page Widget Area', 'twentytwelve' ), 'id' => 'sidebar-3', 'description' => __( 'Appears when using the optional Front Page template with a page set as Static Front Page', 'twentytwelve' ), 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' => 'Footer Sidebar 1', 'id' => 'footer-sidebar-1', 'description' => 'Appears in the footer area', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' => 'Footer Sidebar 2', 'id' => 'footer-sidebar-2', 'description' => 'Appears in the footer area', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); register_sidebar( array( 'name' => 'Footer Sidebar 3', 'id' => 'footer-sidebar-3', 'description' => 'Appears in the footer area', 'before_widget' => '<aside id="%1$s" class="widget %2$s">', 'after_widget' => '</aside>', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>', ) ); } add_action( 'widgets_init', 'twentytwelve_widgets_init' ); if ( ! function_exists( 'twentytwelve_content_nav' ) ) : /** * Displays navigation to next/previous pages when applicable. * * @since Twenty Twelve 1.0 */ function twentytwelve_content_nav( $html_id ) { global $wp_query; if ( $wp_query->max_num_pages > 1 ) : ?> <nav id="<?php echo esc_attr( $html_id ); ?>" class="navigation" role="navigation"> <h3 class="assistive-text"><?php _e( 'Post navigation', 'twentytwelve' ); ?></h3> <?php echo easy_wp_pagenavigation(); ?> </nav> <?php endif; } endif; if ( ! function_exists( 'twentytwelve_comment' ) ) : /** * Template for comments and pingbacks. * * To override this walker in a child theme without modifying the comments template * simply create your own twentytwelve_comment(), and that function will be used instead. * * Used as a callback by wp_list_comments() for displaying the comments. * * @since Twenty Twelve 1.0 */ function twentytwelve_comment( $comment, $args, $depth ) { $GLOBALS['comment'] = $comment; switch ( $comment->comment_type ) : case 'pingback' : case 'trackback' : // Display trackbacks differently than normal comments. ?> <li <?php comment_class(); ?> id="comment-<?php comment_ID(); ?>"> <?php _e( 'Pingback:', 'twentytwelve' ); ?> <?php comment_author_link(); ?> <?php edit_comment_link( __( '(Edit)', 'twentytwelve' ), '', '' ); ?> <?php break; default : // Proceed with normal comments. global $post; ?> <li <?php comment_class(); ?> id="li-comment-<?php comment_ID(); ?>"> <article id="comment-<?php comment_ID(); ?>" class="comment"> <header class="comment-meta comment-author vcard"> <?php echo get_avatar( $comment, 44 ); printf( '<cite>%1$s %2$s</cite>', get_comment_author_link(), // If current post author is also comment author, make it known visually. ( $comment->user_id === $post->post_author ) ? '' . __( 'Post author', 'twentytwelve' ) . '' : '' ); printf( '<a href="%1$s"><time datetime="%2$s">%3$s</time></a>', esc_url( get_comment_link( $comment->comment_ID ) ), get_comment_time( 'c' ), /* translators: 1: date, 2: time */ sprintf( __( '%1$s at %2$s', 'twentytwelve' ), get_comment_date(), get_comment_time() ) ); ?> </header> <?php if ( '0' == $comment->comment_approved ) : ?> <?php _e( 'Your comment is awaiting moderation.', 'twentytwelve' ); ?> <?php endif; ?> <section class="comment-content comment"> <?php comment_text(); ?> <?php edit_comment_link( __( 'Edit', 'twentytwelve' ), '', '' ); ?> </section> <div class="reply"> <?php comment_reply_link( array_merge( $args, array( 'reply_text' => __( 'Reply', 'twentytwelve' ), 'after' => ' ↓', 'depth' => $depth, 'max_depth' => $args['max_depth'] ) ) ); ?> </div> </article> <?php break; endswitch; // end comment_type check } endif; if ( ! function_exists( 'twentytwelve_entry_meta' ) ) : /** * Set up post entry meta. * * Prints HTML with meta information for current post: categories, tags, permalink, author, and date. * * Create your own twentytwelve_entry_meta() to override in a child theme. * * @since Twenty Twelve 1.0 */ function twentytwelve_entry_meta() { // Translators: used between list items, there is a space after the comma. $categories_list = get_the_category_list( __( ', ', 'twentytwelve' ) ); // Translators: used between list items, there is a space after the comma. $tag_list = get_the_tag_list( '', __( ', ', 'twentytwelve' ) ); $date = sprintf( '<time class="entry-date" datetime="%3$s">%4$s</time>', esc_url( get_permalink() ), esc_attr( get_the_time() ), esc_attr( get_the_date( 'c' ) ), esc_html( get_the_date() ) ); $author = sprintf( '<a href="%1$s" title="%2$s" rel="author">%3$s</a>', esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ), esc_attr( sprintf( __( 'View all posts by %s', 'twentytwelve' ), get_the_author() ) ), get_the_author() ); // Translators: 1 is category, 2 is tag, 3 is the date and 4 is the author's name. if ( $tag_list ) { $utility_text = __( 'Skrevet: %3$s kategori: %1$s', 'twentytwelve' ); } elseif ( $categories_list ) { $utility_text = __( 'Skrevet: %3$s kategori: %1$s', 'twentytwelve' ); } else { $utility_text = __( 'kategori: %3$s', 'twentytwelve' ); } printf( $utility_text, $categories_list, $tag_list, $date, $author ); } endif; /** * Extend the default WordPress body classes. * * Extends the default WordPress body class to denote: * 1. Using a full-width layout, when no active widgets in the sidebar * or full-width template. * 2. Front Page template: thumbnail in use and number of sidebars for * widget areas. * 3. White or empty background color to change the layout and spacing. * 4. Custom fonts enabled. * 5. Single or multiple authors. * * @since Twenty Twelve 1.0 * * @param array $classes Existing class values. * @return array Filtered class values. */ function twentytwelve_body_class( $classes ) { $background_color = get_background_color(); $background_image = get_background_image(); if ( ! is_active_sidebar( 'sidebar-1' ) || is_page_template( 'page-templates/full-width.php' ) ) $classes[] = 'full-width'; if ( is_page_template( 'page-templates/front-page.php' ) ) { $classes[] = 'template-front-page'; if ( has_post_thumbnail() ) $classes[] = 'has-post-thumbnail'; if ( is_active_sidebar( 'sidebar-2' ) && is_active_sidebar( 'sidebar-3' ) ) $classes[] = 'two-sidebars'; } if ( empty( $background_image ) ) { if ( empty( $background_color ) ) $classes[] = 'custom-background-empty'; elseif ( in_array( $background_color, array( 'fff', 'ffffff' ) ) ) $classes[] = 'custom-background-white'; } // Enable custom font class only if the font CSS is queued to load. if ( wp_style_is( 'twentytwelve-fonts', 'queue' ) ) $classes[] = 'custom-font-enabled'; if ( ! is_multi_author() ) $classes[] = 'single-author'; return $classes; } add_filter( 'body_class', 'twentytwelve_body_class' ); /** * Adjust content width in certain contexts. * * Adjusts content_width value for full-width and single image attachment * templates, and when there are no active widgets in the sidebar. * * @since Twenty Twelve 1.0 */ function twentytwelve_content_width() { if ( is_page_template( 'page-templates/full-width.php' ) || is_attachment() || ! is_active_sidebar( 'sidebar-1' ) ) { global $content_width; $content_width = 960; } } add_action( 'template_redirect', 'twentytwelve_content_width' ); /** * Register postMessage support. * * Add postMessage support for site title and description for the Customizer. * * @since Twenty Twelve 1.0 * * @param WP_Customize_Manager $wp_customize Customizer object. */ function twentytwelve_customize_register( $wp_customize ) { $wp_customize->get_setting( 'blogname' )->transport = 'postMessage'; $wp_customize->get_setting( 'blogdescription' )->transport = 'postMessage'; $wp_customize->get_setting( 'header_textcolor' )->transport = 'postMessage'; } add_action( 'customize_register', 'twentytwelve_customize_register' ); /** * Enqueue Javascript postMessage handlers for the Customizer. * * Binds JS handlers to make the Customizer preview reload changes asynchronously. * * @since Twenty Twelve 1.0 */ function twentytwelve_customize_preview_js() { wp_enqueue_script( 'twentytwelve-customizer', get_template_directory_uri() . '/js/theme-customizer.js', array( 'customize-preview' ), '20141120', true ); } add_action( 'customize_preview_init', 'twentytwelve_customize_preview_js' ); </code> style.css [code] /* Theme Name: Twenty Twelve Theme URI: <a href="https://wordpress.org/themes/twentytwelve/" rel="nofollow">https://wordpress.org/themes/twentytwelve/</a> Author: the WordPress team Author URI: <a href="https://wordpress.org/" rel="nofollow">https://wordpress.org/</a> Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background. Version: 1.7 License: GNU General Public License v2 or later License URI: <a href="http://www.gnu.org/licenses/gpl-2.0.html" rel="nofollow">http://www.gnu.org/licenses/gpl-2.0.html</a> Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready Text Domain: twentytwelve This theme, like WordPress, is licensed under the GPL. Use it to make something cool, have fun, and share what you've learned with others. */ /* =Notes -------------------------------------------------------------- This stylesheet uses rem values with a pixel fallback. The rem values (and line heights) are calculated using two variables: $rembase: 14; $line-height: 24; ---------- Examples * Use a pixel value with a rem fallback for font-size, padding, margins, etc. padding: 5px 0; padding: 0.357142857rem 0; (5 / $rembase) * Set a font-size and then set a line-height based on the font-size font-size: 16px font-size: 1.142857143rem; (16 / $rembase) line-height: 1.5; ($line-height / 16) ---------- Vertical spacing Vertical spacing between most elements should use 24px or 48px to maintain vertical rhythm: .my-new-div { margin: 24px 0; margin: 1.714285714rem 0; ( 24 / $rembase ) } ---------- Further reading <a href="http://snook.ca/archives/html_and_css/font-size-with-rem" rel="nofollow">http://snook.ca/archives/html_and_css/font-size-with-rem</a> <a href="http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/" rel="nofollow">http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/</a> /* =Reset -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { font-weight: normal; text-align: left; } h1, h2, h3, h4, h5, h6 { clear: both; } html { overflow-y: scroll; font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; } del { color: #333; } ins { background: #fff9c0; text-decoration: none; } hr { background-color: #ccc; border: 0; height: 1px; margin: 24px; margin-bottom: 1.714285714rem; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } small { font-size: smaller; } img { border: 0; -ms-interpolation-mode: bicubic; } /* Clearing floats */ .clear:after, .wrapper:after, .format-status .entry-header:after { clear: both; } .clear:before, .clear:after, .wrapper:before, .wrapper:after, .format-status .entry-header:before, .format-status .entry-header:after { display: table; content: ""; } /* =Repeatable patterns -------------------------------------------------------------- */ /* Small headers */ .archive-title, .page-title, .widget-title, .entry-content th, .comment-content th { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; text-transform: uppercase; color: #636363; } /* Shared Post Format styling */ article.format-quote footer.entry-meta, article.format-link footer.entry-meta, article.format-status footer.entry-meta { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } /* Form fields, general styles first */ button, input, select, textarea { border: 1px solid #ccc; border-radius: 3px; font-family: inherit; padding: 6px; padding: 0.428571429rem; } button, input { line-height: normal; } textarea { font-size: 100%; overflow: auto; vertical-align: top; } /* Reset non-text input types */ input[type="checkbox"], input[type="radio"], input[type="file"], input[type="hidden"], input[type="image"], input[type="color"] { border: 0; border-radius: 0; padding: 0; } /* Buttons */ .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type=submit], .bypostauthor cite span { padding: 6px 10px; padding: 0.428571429rem 0.714285714rem; font-size: 11px; font-size: 0.785714286rem; line-height: 1.428571429; font-weight: normal; color: #7c7c7c; background-color: #e6e6e6; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6); background-image: linear-gradient(top, #f4f4f4, #e6e6e6); border: 1px solid #d2d2d2; border-radius: 3px; box-shadow: 0 1px 2px rgba(64, 64, 64, 0.1); } .menu-toggle, button, input[type="submit"], input[type="button"], input[type="reset"] { cursor: pointer; } button[disabled], input[disabled] { cursor: default; } .menu-toggle:hover, .menu-toggle:focus, button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type=submit]:hover { color: #5e5e5e; background-color: #ebebeb; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb); background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb); background-image: linear-gradient(top, #f9f9f9, #ebebeb); } .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { color: #757575; background-color: #e1e1e1; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -ms-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -webkit-linear-gradient(top, #ebebeb, #e1e1e1); background-image: -o-linear-gradient(top, #ebebeb, #e1e1e1); background-image: linear-gradient(top, #ebebeb, #e1e1e1); border-color: transparent; } .bypostauthor cite span { color: #fff; background-color: #21759b; background-image: none; border: 1px solid #1f6f93; border-radius: 2px; box-shadow: none; padding: 0; } /* Responsive images */ .entry-content img, .comment-content img, .widget img { max-width: 100%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], img[class*="wp-image-"], img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } img.size-full, img.size-large, img.header-image, img.wp-post-image { max-width: 100%; height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } /* Make sure videos and embeds fit their containers */ embed, iframe, object, video { max-width: 100%; } .entry-content .twitter-tweet-rendered { max-width: 100% !important; /* Override the Twitter embed fixed width */ } /* Images */ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image { /* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */ border-radius: 0px; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /* Navigation */ .site-content nav { clear: both; line-height: 2; overflow: hidden; } #nav-above { padding: 24px 0; padding: 1.714285714rem 0; } #nav-above { display: none; } .paged #nav-above { display: block; } .nav-previous, .previous-image { float: left; width: 50%; } .nav-next, .next-image { float: right; text-align: right; width: 50%; } .nav-single + .comments-area, #comment-nav-above { margin: 48px 0; margin: 3.428571429rem 0; } /* Author profiles */ .author .archive-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .author-info { border-top: 1px solid #ededed; margin: 24px 0; margin: 1.714285714rem 0; padding-top: 24px; padding-top: 1.714285714rem; overflow: hidden; } .author-description p { color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .author.archive .author-info { border-top: 0; margin: 0 0 48px; margin: 0 0 3.428571429rem; } .author.archive .author-avatar { margin-top: 0; } /* =Basic structure -------------------------------------------------------------- */ /* Body, links, basics */ html { font-size: 87.5%; } body { font-size: 14px; font-size: 1rem; font-family: Helvetica, Arial, sans-serif; text-rendering: optimizeLegibility; color: #444; } body.custom-font-enabled { font-family: "Open Sans", Helvetica, Arial, sans-serif; } a { outline: none; color: #21759b; } a:hover { color: #0f3647; } /* Assistive text */ .assistive-text, .site .screen-reader-text { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; } .main-navigation .assistive-text:focus, .site .screen-reader-text:hover, .site .screen-reader-text:active, .site .screen-reader-text:focus { background: #fff; border: 2px solid #333; border-radius: 3px; clip: auto !important; color: #000; display: block; font-size: 12px; padding: 12px; position: absolute; top: 5px; left: 5px; z-index: 100000; /* Above WP toolbar */ } /* Page structure */ .site { padding: 0 24px; padding: 0 1.714285714rem; background-color: #fff; } .site-content { margin: 24px 0 0; margin: 1.714285714rem 0 0; } .widget-area { margin: 24px 0 0; margin: 1.714285714rem 0 0; } /* Header */ .site-header { padding: 24px 0; padding: 1.714285714rem 0; } .site-header h1, .site-header h2 { text-align: center; } .site-header h1 a, .site-header h2 a { color: #515151; display: inline-block; text-decoration: none; } .site-header h1 a:hover, .site-header h2 a:hover { color: #21759b; } .site-header h1 { font-size: 24px; font-size: 1.714285714rem; line-height: 1.285714286; margin-bottom: 14px; margin-bottom: 1rem; } .site-header h2 { font-weight: normal; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .header-image { margin-top: 24px; margin-top: 1.714285714rem; } /* Navigation Menu */ .main-navigation { margin-top: 24px; margin-top: 1.714285714rem; text-align: center; } .main-navigation li { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.857142857rem; line-height: 1.42857143; } .main-navigation a { color: #5e5e5e; } .main-navigation a:hover, .main-navigation a:focus { color: #21759b; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { display: none; } .main-navigation ul.nav-menu.toggled-on, .menu-toggle { display: inline-block; } /* Banner */ section[role="banner"] { margin-bottom: 48px; margin-bottom: 3.428571429rem; } /* Sidebar */ .widget-area .widget { -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; margin-bottom: 48px; margin-bottom: 3.428571429rem; word-wrap: break-word; } .widget-area .widget h3 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .widget p, .widget-area .widget li, .widget-area .widget .textwidget { font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget-area .widget p { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .widget-area .textwidget ul { list-style: disc outside; margin: 0 0 24px; margin: 0 0 1.714285714rem; } .widget-area .textwidget li { margin-left: 36px; margin-left: 2.571428571rem; } .widget-area .widget a { color: #757575; } .widget-area .widget a:hover { color: #21759b; } .widget-area .widget a:visited { color: #9f9f9f; } .widget-area #s { width: 53.66666666666%; /* define a width to avoid dropping a wider submit button */ } /* Footer */ footer[role="contentinfo"] { border-top: 1px solid #ededed; clear: both; font-size: 12px; font-size: 0.857142857rem; line-height: 2; max-width: 960px; max-width: 68.571428571rem; margin-top: 24px; margin-top: 1.714285714rem; margin-left: auto; margin-right: auto; padding: 24px 0; padding: 1.714285714rem 0; } footer[role="contentinfo"] a { color: #686868; } footer[role="contentinfo"] a:hover { color: #21759b; } /* =Main content and comment content -------------------------------------------------------------- */ .entry-meta { clear: both; } .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-header img.wp-post-image { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-header .entry-title { font-size: 20px; font-size: 1.428571429rem; line-height: 1.2; font-weight: normal; } .entry-header .entry-title a { text-decoration: none; } .entry-header .entry-format { margin-top: 24px; margin-top: 1.714285714rem; font-weight: normal; } .entry-header .comments-link { margin-top: 24px; margin-top: 1.714285714rem; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .comments-link a, .entry-meta a { color: #757575; } .comments-link a:hover, .entry-meta a:hover { color: #21759b; } article.sticky .featured-post { border-top: 4px double #ededed; border-bottom: 4px double #ededed; color: #757575; font-size: 13px; font-size: 0.928571429rem; line-height: 3.692307692; margin-bottom: 24px; margin-bottom: 1.714285714rem; text-align: center; } .entry-content, .entry-summary, .mu_register { line-height: 1.714285714; } .entry-content h1, .comment-content h1, .entry-content h2, .comment-content h2, .entry-content h3, .comment-content h3, .entry-content h4, .comment-content h4, .entry-content h5, .comment-content h5, .entry-content h6, .comment-content h6 { margin: 24px 0; margin: 1.714285714rem 0; line-height: 1.714285714; } .entry-content h1, .comment-content h1 { font-size: 21px; font-size: 1.5rem; line-height: 1.5; } .entry-content h2, .comment-content h2, .mu_register h2 { font-size: 18px; font-size: 1.285714286rem; line-height: 1.6; } .entry-content h3, .comment-content h3 { font-size: 12px; font-size: 1.142857143rem; line-height: 1.846153846; } .entry-content h4, .comment-content h4 { font-size: 12px; font-size: 1rem; line-height: 1.846153846; } .entry-content h5, .comment-content h5 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .entry-content h6, .comment-content h6 { font-size: 12px; font-size: 0.857142857rem; line-height: 1.846153846; } .entry-content p, .entry-summary p, .comment-content p, .mu_register p { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content a:visited, .comment-content a:visited { color: #9f9f9f; } .entry-content .more-link { white-space: nowrap; } .entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul { margin: 0 0 24px; margin: 0 0 1.714285714rem; line-height: 1.714285714; } .entry-content ul ul, .comment-content ul ul, .entry-content ol ol, .comment-content ol ol, .entry-content ul ol, .comment-content ul ol, .entry-content ol ul, .comment-content ol ul { margin-bottom: 0; } .entry-content ul, .comment-content ul, .mu_register ul { list-style: disc outside; } .entry-content ol, .comment-content ol { list-style: decimal outside; } .entry-content li, .comment-content li, .mu_register li { margin: 0 0 0 36px; margin: 0 0 0 2.571428571rem; } .entry-content blockquote, .comment-content blockquote { margin-bottom: 24px; margin-bottom: 1.714285714rem; padding: 24px; padding: 1.714285714rem; font-style: italic; } .entry-content blockquote p:last-child, .comment-content blockquote p:last-child { margin-bottom: 0; } .entry-content code, .comment-content code { font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 2; } .entry-content pre, .comment-content pre { border: 1px solid #ededed; color: #666; font-family: Consolas, Monaco, Lucida Console, monospace; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; margin: 24px 0; margin: 1.714285714rem 0; overflow: auto; padding: 24px; padding: 1.714285714rem; } .entry-content pre code, .comment-content pre code { display: block; } .entry-content abbr, .comment-content abbr, .entry-content dfn, .comment-content dfn, .entry-content acronym, .comment-content acronym { border-bottom: 1px dotted #666; cursor: help; } .entry-content address, .comment-content address { display: block; line-height: 1.714285714; margin: 0 0 24px; margin: 0 0 1.714285714rem; } img.alignleft, .wp-caption.alignleft { margin: 12px 24px 12px 0; margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; } img.alignright, .wp-caption.alignright { margin: 12px 0 12px 24px; margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; } img.aligncenter, .wp-caption.aligncenter { clear: both; margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .entry-content embed, .entry-content iframe, .entry-content object, .entry-content video { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content dl, .comment-content dl { margin: 0 24px; margin: 0 1.714285714rem; } .entry-content dt, .comment-content dt { font-weight: bold; line-height: 1.714285714; } .entry-content dd, .comment-content dd { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } .entry-content table, .comment-content table { border-bottom: 1px solid #ededed; color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin: 0 0 24px; margin: 0 0 1.714285714rem; width: 100%; } .entry-content table caption, .comment-content table caption { font-size: 12px; font-size: 1.142857143rem; margin: 24px 0; margin: 1.714285714rem 0; } .entry-content td, .comment-content td { border-top: 1px solid #ededed; padding: 6px 10px 6px 0; } .site-content article { border-bottom: 4px double #ededed; margin-bottom: 72px; margin-bottom: 5.142857143rem; padding-bottom: 24px; padding-bottom: 1.714285714rem; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .page-links { clear: both; line-height: 1.714285714; } footer.entry-meta { margin-top: 24px; margin-top: 1.714285714rem; font-size: 12px; font-size: 0.928571429rem; line-height: 1.846153846; color: #757575; } .single-author .entry-meta .by-author { display: none; } .mu_register h2 { color: #757575; font-weight: normal; } /* =Archives -------------------------------------------------------------- */ .archive-header, .page-header { margin-bottom: 48px; margin-bottom: 3.428571429rem; padding-bottom: 22px; padding-bottom: 1.571428571rem; border-bottom: 1px solid #ededed; } .archive-meta { color: #757575; font-size: 12px; font-size: 0.857142857rem; line-height: 2; margin-top: 22px; margin-top: 1.571428571rem; } /* =Single audio/video attachment view -------------------------------------------------------------- */ .attachment .entry-content .mejs-audio { max-width: 400px; } .attachment .entry-content .mejs-container { margin-bottom: 24px; } /* =Single image attachment view -------------------------------------------------------------- */ .article.attachment { overflow: hidden; } .image-attachment div.attachment { text-align: center; } .image-attachment div.attachment p { text-align: center; } .image-attachment div.attachment img { display: block; height: auto; margin: 0 auto; max-width: 100%; } .image-attachment .entry-caption { margin-top: 8px; margin-top: 0.571428571rem; } /* =Aside post format -------------------------------------------------------------- */ article.format-aside h1 { margin-bottom: 24px; margin-bottom: 1.714285714rem; } article.format-aside h1 a { text-decoration: none; color: #4d525a; } article.format-aside h1 a:hover { color: #2e3542; } article.format-aside .aside { padding: 24px 24px 0; padding: 1.714285714rem; background: #d2e0f9; border-left: 22px solid #a8bfe8; } article.format-aside p { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #4a5466; } article.format-aside blockquote:last-child, article.format-aside p:last-child { margin-bottom: 0; } /* =Post formats -------------------------------------------------------------- */ /* Image posts */ article.format-image footer h1 { font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; font-weight: normal; } article.format-image footer h2 { font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; } article.format-image footer a h2 { font-weight: normal; } /* Link posts */ article.format-link header { padding: 0 10px; padding: 0 0.714285714rem; float: right; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; font-weight: bold; font-style: italic; text-transform: uppercase; color: #848484; background-color: #ebebeb; border-radius: 3px; } article.format-link .entry-content { max-width: 80%; float: left; } article.format-link .entry-content a { font-size: 22px; font-size: 1.571428571rem; line-height: 1.090909091; text-decoration: none; } /* Quote posts */ article.format-quote .entry-content p { margin: 0; padding-bottom: 24px; padding-bottom: 1.714285714rem; } article.format-quote .entry-content blockquote { display: block; padding: 24px 24px 0; padding: 1.714285714rem 1.714285714rem 0; font-size: 15px; font-size: 1.071428571rem; line-height: 1.6; font-style: normal; color: #6a6a6a; background: #efefef; } /* Status posts */ .format-status .entry-header { margin-bottom: 24px; margin-bottom: 1.714285714rem; } .format-status .entry-header header { display: inline-block; } .format-status .entry-header h1 { font-size: 15px; font-size: 1.071428571rem; font-weight: normal; line-height: 1.6; margin: 0; } .format-status .entry-header h2 { font-size: 12px; font-size: 0.857142857rem; font-weight: normal; line-height: 2; margin: 0; } .format-status .entry-header header a { color: #757575; } .format-status .entry-header header a:hover { color: #21759b; } .format-status .entry-header img { float: left; margin-right: 21px; margin-right: 1.5rem; } /* =Comments -------------------------------------------------------------- */ .comments-title { margin-bottom: 48px; margin-bottom: 3.428571429rem; font-size: 12px; font-size: 1.142857143rem; line-height: 1.5; font-weight: normal; } .comments-area article { margin: 24px 0; margin: 1.714285714rem 0; } .comments-area article header { margin: 0 0 48px; margin: 0 0 3.428571429rem; overflow: hidden; position: relative; } .comments-area article header img { float: left; padding: 0; line-height: 0; } .comments-area article header cite, .comments-area article header time { display: block; margin-left: 85px; margin-left: 6.071428571rem; } .comments-area article header cite { font-style: normal; font-size: 15px; font-size: 1.071428571rem; line-height: 1.42857143; } .comments-area cite b { font-weight: normal; } .comments-area article header time { line-height: 1.714285714; text-decoration: none; font-size: 12px; font-size: 0.857142857rem; color: #5e5e5e; } .comments-area article header a { text-decoration: none; color: #5e5e5e; } .comments-area article header a:hover { color: #21759b; } .comments-area article header cite a { color: #444; } .comments-area article header cite a:hover { text-decoration: underline; } .comments-area article header h4 { position: absolute; top: 0; right: 0; padding: 6px 12px; padding: 0.428571429rem 0.857142857rem; font-size: 12px; font-size: 0.857142857rem; font-weight: normal; color: #fff; background-color: #0088d0; background-repeat: repeat-x; background-image: -moz-linear-gradient(top, #009cee, #0088d0); background-image: -ms-linear-gradient(top, #009cee, #0088d0); background-image: -webkit-linear-gradient(top, #009cee, #0088d0); background-image: -o-linear-gradient(top, #009cee, #0088d0); background-image: linear-gradient(top, #009cee, #0088d0); border-radius: 3px; border: 1px solid #007cbd; } .comments-area .bypostauthor cite span { position: absolute; margin-left: 5px; margin-left: 0.357142857rem; padding: 2px 5px; padding: 0.142857143rem 0.357142857rem; font-size: 10px; font-size: 0.714285714rem; } .comments-area .bypostauthor cite b { font-weight: bold; } a.comment-reply-link, a.comment-edit-link { color: #686868; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #21759b; } .commentlist .pingback { line-height: 1.714285714; margin-bottom: 24px; margin-bottom: 1.714285714rem; } /* Comment form */ #respond { margin-top: 48px; margin-top: 3.428571429rem; } #respond h3#reply-title { font-size: 12px; font-size: 1.142857143rem; line-height: 1.5; } #respond h3#reply-title #cancel-comment-reply-link { margin-left: 10px; margin-left: 0.714285714rem; font-weight: normal; font-size: 12px; font-size: 0.857142857rem; } #respond form { margin: 24px 0; margin: 1.714285714rem 0; } #respond form p { margin: 11px 0; margin: 0.785714286rem 0; } #respond form p.logged-in-as { margin-bottom: 24px; margin-bottom: 1.714285714rem; } #respond form label { display: block; line-height: 1.714285714; } #respond form input[type="text"], #respond form textarea { -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; font-size: 0.857142857rem; line-height: 1.714285714; padding: 10px; padding: 0.714285714rem; width: 100%; } #respond form p.form-allowed-tags { margin: 0; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #5e5e5e; } .required { color: red; } /* =Front page template -------------------------------------------------------------- */ .entry-page-image { margin-bottom: 14px; margin-bottom: 1rem; } .template-front-page .site-content article { border: 0; margin-bottom: 0; } .template-front-page .widget-area { clear: both; float: none; width: auto; padding-top: 24px; padding-top: 1.714285714rem; border-top: 1px solid #ededed; } .template-front-page .widget-area .widget li { margin: 8px 0 0; margin: 0.571428571rem 0 0; font-size: 13px; font-size: 0.928571429rem; line-height: 1.714285714; list-style-type: square; list-style-position: inside; } .template-front-page .widget-area .widget li a { color: #757575; } .template-front-page .widget-area .widget li a:hover { color: #21759b; } .template-front-page .widget-area .widget_text img { float: left; margin: 8px 24px 8px 0; margin: 0.571428571rem 1.714285714rem 0.571428571rem 0; } /* =Widgets -------------------------------------------------------------- */ .widget-area .widget ul ul { margin-left: 12px; margin-left: 0.857142857rem; } .widget_rss li { margin: 12px 0; margin: 0.857142857rem 0; } .widget_recent_entries .post-date, .widget_rss .rss-date { color: #aaa; font-size: 11px; font-size: 0.785714286rem; margin-left: 12px; margin-left: 0.857142857rem; } #wp-calendar { margin: 0; width: 100%; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; color: #686868; } #wp-calendar th, #wp-calendar td, #wp-calendar caption { text-align: left; } #wp-calendar #next { padding-right: 24px; padding-right: 1.714285714rem; text-align: right; } .widget_search label { display: block; font-size: 13px; font-size: 0.928571429rem; line-height: 1.846153846; } .widget_twitter li { list-style-type: none; } .widget_twitter .timesince { display: block; text-align: right; } /* =Plugins ----------------------------------------------- */ img#wpstats { display: block; margin: 0 auto 24px; margin: 0 auto 1.714285714rem; } /* =Media queries -------------------------------------------------------------- */ /* Does the same thing as <meta name="viewport" content="width=device-width">, * but in the future W3C standard way. -ms- prefix is required for IE10+ to * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor * the meta tag. See <a href="https://core.trac.wordpress.org/ticket/25888" rel="nofollow">https://core.trac.wordpress.org/ticket/25888</a>. */ @-ms-viewport { width: device-width; } @viewport { width: device-width; } /* Minimum width of 600 pixels. */ @media screen and (min-width: 600px) { .author-avatar { float: left; margin-top: 8px; margin-top: 0.571428571rem; } .author-description { float: right; width: 80%; } .site { margin: 0 auto; max-width: 960px; max-width: 68.571428571rem; overflow: hidden; } .site-content { float: left; width: 65.104166667%; } body.template-front-page .site-content, body.attachment .site-content, body.full-width .site-content { width: 100%; } .widget-area { float: right; width: 26.041666667%; } .site-header h1, .site-header h2 { text-align: left; } .site-header h1 { font-size: 26px; font-size: 1.857142857rem; line-height: 1.846153846; margin-bottom: 0; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; display: inline-block !important; text-align: left; width: 100%; } .main-navigation ul { margin: 0; text-indent: 0; } .main-navigation li a, .main-navigation li { display: inline-block; text-decoration: none; } .main-navigation li a { border-bottom: 0; color: #6a6a6a; line-height: 3.692307692; text-transform: uppercase; white-space: nowrap; } .main-navigation li a:hover, .main-navigation li a:focus { color: #000; } .main-navigation li { margin: 0 40px 0 0; margin: 0 2.857142857rem 0 0; position: relative; } .main-navigation li ul { margin: 0; padding: 0; position: absolute; top: 100%; z-index: 1; height: 1px; width: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); } .main-navigation li ul ul { top: 0; left: 100%; } .main-navigation ul li:hover > ul, .main-navigation ul li:focus > ul, .main-navigation .focus > ul { border-left: 0; clip: inherit; overflow: inherit; height: inherit; width: inherit; } .main-navigation li ul li a { background: #efefef; border-bottom: 1px solid #ededed; display: block; font-size: 11px; font-size: 0.785714286rem; line-height: 2.181818182; padding: 8px 10px; padding: 0.571428571rem 0.714285714rem; width: 180px; width: 12.85714286rem; white-space: normal; } .main-navigation li ul li a:hover, .main-navigation li ul li a:focus { background: #e3e3e3; co Lind om "Widget 1, 2 og 3 til andre sider end forsiden" http://wp-danmark.dk/forum/topic/widget-1-2-og-3-til-andre-sider-end-forsiden#post-63894 tirs, 10 nov 2015 22:20:36 +0000 Lind 63894@http://wp-danmark.dk/forum/ Bruger Responsive til syddjurskarateskole.dk Kunne godt tænke mig at få widgets 1, 2 og 3 til andre sider end blot forsiden. Har forsøgt i stedet at bruge Footer-widget til de andre sider, men her bruger den fast rækkehøjde, dvs. den tilpasser rækken efter den længste tekst og er der en boks med meget tekst i, så bliver der meget "luft" i boksene ved siden af :) What to do? Tak Dorthe Camilla om "How too...? :)" http://wp-danmark.dk/forum/topic/how-too#post-62481 man, 18 maj 2015 17:24:03 +0000 Camilla 62481@http://wp-danmark.dk/forum/ hmm øv okay - men tak. Camilla om "How too...? :)" http://wp-danmark.dk/forum/topic/how-too#post-62480 man, 18 maj 2015 17:23:30 +0000 Camilla 62480@http://wp-danmark.dk/forum/ Jeg kunne godt tænke mig det fungerede lidt ligesom på denne blog: <a href="https://birtheandersen.wordpress.com/gaestebog/" rel="nofollow">https://birtheandersen.wordpress.com/gaestebog/</a> Hvor der er kategorier, arktiver og forskellige sider. John om "How too...? :)" http://wp-danmark.dk/forum/topic/how-too#post-62479 man, 18 maj 2015 17:19:56 +0000 John 62479@http://wp-danmark.dk/forum/ Dette Forum er beregnet til folk der selv hoster sin WP, altså har et domæne/hjemmeside liggende på et webhotel eller egen server. <a href="http://wp-danmark.dk/forum/topic/wordpresscom-versa-wordpressorg" rel="nofollow">http://wp-danmark.dk/forum/topic/wordpresscom-versa-wordpressorg</a> WordPress.com har sit eget Forum, så prøv der. Ikke at du ikke må være her, der er blot så mange ting vi kan som man ikke kan på en WordPress.com blog. Camilla om "How too...? :)" http://wp-danmark.dk/forum/topic/how-too#post-62478 man, 18 maj 2015 17:02:09 +0000 Camilla 62478@http://wp-danmark.dk/forum/ <a href="https://camillaikina.wordpress.com/" rel="nofollow">https://camillaikina.wordpress.com/</a> Dette er bloggen indtil videre, som i kan se er den meget tom. Men det er under 'Obligatoriske emner' at jeg gerne vil oprette nogle indlæg under. Camilla om "How too...? :)" http://wp-danmark.dk/forum/topic/how-too#post-62477 man, 18 maj 2015 17:00:44 +0000 Camilla 62477@http://wp-danmark.dk/forum/ Hejsa! Jeg er HELT ny med det her blog og wordpress, og jeg har lidt småproblemer - og det er helt sikkert bare mig der ikke kan finde ud af det.. Jeg har oprettet en blog og lavet nogle af de der 'Widgets' ude i højre side, som fungere som 'Categories'. Under dette ville jeg meget gerne lave nogle forskellige indlæg, men jeg kan simpelthen ikke finde ud af hvordan jeg får dem derind. Når jeg lavet et nyt indlæg kommer det bare ind på forsiden at ligge. SÅ mit spørgsmål går på, hvordan jeg opretter indlæg og ligger dem ind under kategorien i højre side, så det er flere indlæg under samme kategori? Jeg ved ikke helt om jeg bruger de rigtige begreber for de forskellige ting, så undskyld hvis jeg forvirre mere end gavner, men spørg endelig.. Håber der er nogle der gider hjælpe, selvom det måske er lige til.. ;) ? boldt om "Det er tid at rydde op 3. Hvor gemmer WP tema-ændringer?" http://wp-danmark.dk/forum/topic/det-er-tid-at-rydde-op-3-hvor-gemmer-wp-tema-%c3%a6ndringer#post-59448 tors, 23 okt 2014 15:30:40 +0000 boldt 59448@http://wp-danmark.dk/forum/ Du har ret det ligger i tabellen _options Rækken hedder theme_mods_(navnet på temaet) og i feltet (mit eksempel står: <blockquote>a:3:{i:0;b:0;s:18:"nav_menu_locations";a:1:{s:7:"primary";i:29;}s:16:"sidebars_widgets";a:2:{s:4:"time";i:1413986497;s:4:"data";a:10:{s:19:"wp_inactive_widgets";a:3:{i:0;s:6:"text-7";i:1;s:9:"execphp-7";i:2;s:8:"search-4";}s:9:"sidebar-5";a:1:{i:0;s:9:"execphp-3";}s:9:"sidebar-6";a:1:{i:0;s:9:"execphp-2";}s:9:"sidebar-7";a:1:{i:0;s:6:"meta-2";}s:9:"sidebar-8";a:1:{i:0;s:9:"execphp-6";}s:9:"sidebar-4";a:3:{i:0;s:6:"text-3";i:1;s:9:"execphp-4";i:2;s:6:"text-6";}s:9:"sidebar-1";a:1:{i:0;s:9:"execphp-5";}s:9:"sidebar-2";a:0:{}s:9:"sidebar-3";a:0:{}s:18:"orphaned_widgets_1";a:0:{}}}}</blockquote> Hvad det så end betyder? Jeg kopierede ovenstående til den originale database i det felt som mit tema havde kreeret, da jeg aktiverede det. MEN!!! jeg tror kun det kunne lade sig gøre fordi de to hjemmesider - originalen og test-siden er næsten ens, da jeg hverken har slettet eller tilføjet kategorier undervejs i processen. Henning om "Det er tid at rydde op 3. Hvor gemmer WP tema-ændringer?" http://wp-danmark.dk/forum/topic/det-er-tid-at-rydde-op-3-hvor-gemmer-wp-tema-%c3%a6ndringer#post-59443 tors, 23 okt 2014 08:50:59 +0000 Henning 59443@http://wp-danmark.dk/forum/ <blockquote>1) hvor gemmes menu- og widgets-ændringer?</blockquote> Prøv at se i databasen - måske noget med _options eller tabeller oprettet af de plugins, du benytter. boldt om "Det er tid at rydde op 3. Hvor gemmer WP tema-ændringer?" http://wp-danmark.dk/forum/topic/det-er-tid-at-rydde-op-3-hvor-gemmer-wp-tema-%c3%a6ndringer#post-59442 tors, 23 okt 2014 08:05:32 +0000 boldt 59442@http://wp-danmark.dk/forum/ Jeg har nu arbejdet længe på at opdatere udseendet af en gammel WP-side ved at oprette et udviklingssite, hvor jeg har kunnet teste "live" uden at forstyrre min besøgende på den originale side. Jeg har tilpasset et tema ved at tilføje ændringer i et undertema men, jeg har også måttet tilføje ændringer via Kontrolpanel/Udseende/Menuer og Kontrolpanel/Udseende/Widgets. Det er noget rod! fordi, når jeg flytter mit nye tema, flytter menu- og widgets-ændringer ikke med. 1) hvor gemmes menu- og widgets-ændringer? 2) hvordan flytter jeg disse ændringer? Ulrik om "Gode bbpress widgets/plugins" http://wp-danmark.dk/forum/topic/gode-bbpress-widgetsplugins#post-59366 søn, 19 okt 2014 14:39:59 +0000 Ulrik 59366@http://wp-danmark.dk/forum/ @Bensen: Jeg kører BBpress :-) (siden er <a href="http://www.neworleanssaints.dk">http://www.neworleanssaints.dk</a>) Forespørgslen gik på om der var nogen som kendte til gode widgets som kunne vise 1) Hvad der senest var blevet sagt i forummet og 2) en liste widget over de brugere som havde lavet flest poster i forummet. Tak for svarene. Henning om "Gode bbpress widgets/plugins" http://wp-danmark.dk/forum/topic/gode-bbpress-widgetsplugins#post-59338 fre, 17 okt 2014 19:26:00 +0000 Henning 59338@http://wp-danmark.dk/forum/ Hvis ikke de medfølgende widgets er tilstrækkelige, så findes der nogle udvidelser her: <a href="https://bbpress.org/plugins/" rel="nofollow">https://bbpress.org/plugins/</a> bensen om "Gode bbpress widgets/plugins" http://wp-danmark.dk/forum/topic/gode-bbpress-widgetsplugins#post-59337 fre, 17 okt 2014 18:21:57 +0000 bensen 59337@http://wp-danmark.dk/forum/ Hvis du angiver din side, og hvilket forum du kører, så får du nok langt flere svar :-) Ulrik om "Gode bbpress widgets/plugins" http://wp-danmark.dk/forum/topic/gode-bbpress-widgetsplugins#post-59334 fre, 17 okt 2014 14:44:28 +0000 Ulrik 59334@http://wp-danmark.dk/forum/ Er der nogen som kender til nogle widgets som kan vise: 1) De seneste poster i forummet, men uddrag af, hvad personen har skrevet. 2) De mest aktive i forummet - en slags top ti over flest kommenater, tråde oprettelse eller ligende. Jeg håber der er nogen som har nogle bud. Henning om "WP-Forum" http://wp-danmark.dk/forum/topic/wp-forum#post-57976 fre, 27 jun 2014 12:35:45 +0000 Henning 57976@http://wp-danmark.dk/forum/ Hvis det er denne: <a href="http://wordpress.org/plugins/forum-server/" rel="nofollow">http://wordpress.org/plugins/forum-server/</a> der er tale om, så bemærk at det kun er testet kompatibel op til WP 3.3.2 FHL om "WP-Forum" http://wp-danmark.dk/forum/topic/wp-forum#post-57975 fre, 27 jun 2014 10:38:15 +0000 FHL 57975@http://wp-danmark.dk/forum/ vill den her video ikke kunne vise dig hvad det system kan <a href="http://www.youtube.com/watch?v=3Uu1EX4bWp0">http://www.youtube.com/watch?v=3Uu1EX4bWp0</a> JanAnd om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54502 fre, 17 jan 2014 11:49:01 +0000 JanAnd 54502@http://wp-danmark.dk/forum/ Tak for oplysningen - nu er jeg meget klogere. Jeg har i øvrigt kopieret al teksten (med koder) til en ny side side, og så lade den være forside. Så nu er alt ok igen Mange tak for hjælpen til jer alle I må forsat have en god dag Henning om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54497 fre, 17 jan 2014 09:45:37 +0000 Henning 54497@http://wp-danmark.dk/forum/ <blockquote>Jeg kan se på dit eksempel at der står den samme besked (øverst i den gule linie) som jeg har fået. Ved du hvad det betyder? </blockquote> Det der står - at du redigerer på den side, som du har valg som forsiden. Det er themaet, der fortæller, hvor du er. JanAnd om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54493 fre, 17 jan 2014 09:36:51 +0000 JanAnd 54493@http://wp-danmark.dk/forum/ Hej Henning Tak for info, som jeg er bekendt med (jeg har prøvet at ændre disse parametre uden held. Jeg kan se på dit eksempel at der står den samme besked (øverst i den gule linie) som jeg har fået. Ved du hvad det betyder? Henning om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54444 tors, 16 jan 2014 16:42:29 +0000 Henning 54444@http://wp-danmark.dk/forum/ Du kan ikke hente en kopi af siden fra databasen. Tjek jf dette: <a href="http://www.hmnielsen.dk/?p=1520" rel="nofollow">http://www.hmnielsen.dk/?p=1520</a> hvilken sidebar-layout du har på siden. JanAnd om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54443 tors, 16 jan 2014 16:26:16 +0000 JanAnd 54443@http://wp-danmark.dk/forum/ Hej John Jeg ved ikke om det er full width, men jeg har ikke ændret på bredden (det har jo virket tidligere!!) Hvad er stien til databasen? Henning om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54442 tors, 16 jan 2014 16:25:07 +0000 Henning 54442@http://wp-danmark.dk/forum/ WP's kontrolpanel > Indstillinger > Læsning !! Der kan du bestemme hvilken side der skal være forsiden (statisk) og hvilken side, der skal være din indlægsside. John om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54441 tors, 16 jan 2014 16:15:39 +0000 John 54441@http://wp-danmark.dk/forum/ Du har vel sat forsiden til fullwith ? <blockquote>Et andet spørgsmål: hvor gemmes de sider man opretter i WP?</blockquote> I Databasen JanAnd om "Mangler widgets på forsiden" http://wp-danmark.dk/forum/topic/mangler-widgets-pa-forsiden#post-54439 tors, 16 jan 2014 16:05:11 +0000 JanAnd 54439@http://wp-danmark.dk/forum/ Jeg har været ved at ændre baggrund på hjemmesiden, og efterfølgende manglede widgets i højre side af forsiden Når jeg editerer forsiden er der denne information: Information: This page has been set to serve as your front page in the Dashboard:Settings:Reading 'Front page:' option. Jeg ved ikke hvad det betyder - er der nogen der kan hjælpe?? Jeg har forsøgt at rette tilbage men, informationen står der stadig, og mine widgets mangler. Det drejer sig om 4 widgets og META (som er logn til siden) Jeg vil utroligt gerne have min forside tilbage til oprindelig - hvis ikke er det så muligt at lave en ny kopi og sætte den ind som startside? - hvordan? Jeg bruger temaet Weaver II Pro og hjemmesideadressen er <a href="http://norddjursarkiver.dk" rel="nofollow">http://norddjursarkiver.dk</a> Please hjælp - tak Et andet spørgsmål: hvor gemmes de sider man opretter i WP? På forhånd tak stffn om "Sidebar widgets er forskellige" http://wp-danmark.dk/forum/topic/sidebar-widgets-er-forskellige#post-53062 tirs, 03 dec 2013 11:12:45 +0000 stffn 53062@http://wp-danmark.dk/forum/ Er det links du selv har lagt på? Kan Vi få siden at se? CLK om "Sidebar widgets er forskellige" http://wp-danmark.dk/forum/topic/sidebar-widgets-er-forskellige#post-53059 tirs, 03 dec 2013 10:48:01 +0000 CLK 53059@http://wp-danmark.dk/forum/ Jeg har netop oprettet en hjemmeside i twenty-thirteen, hvor jeg lige nu har én sidebar. Den vises på nuværende tidspunkt på alle sider der er oprettet. Men de links der er i widgets'ene, virker kun fra 'hovedsiden'. Hvis jeg går ind under én af undersiderne og klikker på et link i en widget kommer der en fejlmeddelelse frem. Hvordan får jeg widgets'ene til at linke til den samme side uanset hvilken side man er på? jensnyhavn om "Eget grafik i sidebar" http://wp-danmark.dk/forum/topic/eget-grafik-i-sidebar#post-49533 fre, 30 aug 2013 00:08:54 +0000 jensnyhavn 49533@http://wp-danmark.dk/forum/ @Dianna Du skal ikke give op. Måske sådan (som Henning også skrev ovenfor): Sæt din kategorioverskrift (din egen grafik) ind i en Image Widget. Jeg har f.eks en der heder Image(PB) Under Image widgten bruger du kategoriwidgten. For at fjerne overskriften KATEGORI skal du i titelfeltet i kategoriwidgeten indsætte en 4-5 blanke (mellemrumstasten) Du kan se et eksempel på min testblog <a href="http://www.moellerjensen.dk/testwp/" rel="nofollow">http://www.moellerjensen.dk/testwp/</a> Hvordan det ser ud på din blog kommer an på en prøve.