WordPress DK Forum Tag: footer

WordPress DK Forum Tag: footer - Recent Topics http://wp-danmark.dk/forum/tags/footer WordPress DK Forum Tag: footer - Recent Topics da-DK Tue, 09 Jun 2026 17:59:38 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php Trivsel om "Forskellig footer" http://wp-danmark.dk/forum/topic/forskellig-footer#post-75477 tors, 08 jun 2023 20:32:26 +0000 Trivsel 75477@http://wp-danmark.dk/forum/ Min footer på mobil er forskellig fra PC. Den template jeg bruger i elementor har både en mobil visning og en PC visning som er ens. På en eller anden måde bliver der på nogle af mine sider vist en helt tredje footer som er forkert??? Kan I hjælpe Anonym om "Lucas er stolt af at køre WordPress" http://wp-danmark.dk/forum/topic/lucas-er-stolt-af-at-k%c3%b8re-wordpress#post- tirs, 09 jun 2026 19:59:38 +0000 Anonym @http://wp-danmark.dk/forum/ speedysimon om "Footer er bleven meget smal" http://wp-danmark.dk/forum/topic/footer-er-bleven-meget-smal#post-74167 søn, 04 jul 2021 23:16:44 +0000 speedysimon 74167@http://wp-danmark.dk/forum/ Hej! Jeg har et problem med min footer. Ud af det blå, så er min footers koloner bleven utroligt smalle. Jeg kan simpelthen ikke finde ud af hvad problemet er. Jeg bruger elementor til at redigere hjemmesiden med, undtagen footeren som bruger temaet. Nogen der muligvis har en fix løsning til dette problem? Side: <a href="http://www.skovcovåben.dk" rel="nofollow">http://www.skovcovåben.dk</a> Tak på forhånd! Simon leag om "Hjælp til ændringer i footer farve" http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-%c3%a6ndringer-i-footer-farve#post-73735 ons, 30 dec 2020 21:21:33 +0000 leag 73735@http://wp-danmark.dk/forum/ Halløjsa. Jeg sidder og slås med en sort footer der meget gerne må blive en anden farve, men jeg når jeg "taler" til den i CSS'en reagerer den ikke. Når jeg er inde på sidens kildekode og redigere derinde kan jeg se at dette reagere på farveændringer: footer.footer.footer-black { background: #ff0000; } Men når jeg finder den i CSS'en og ændrer præcis det samme, reagerer den ikke på farveændringerne? Kan jeg indsætte en ny farveregel i min CSS så den overruler det allerede eksisterende kodning eller hvad gør jeg? BLP om "Hvordan fjerner jeg footer?" http://wp-danmark.dk/forum/topic/hvordan-fjerner-jeg-footer#post-73247 tors, 16 jul 2020 21:26:20 +0000 BLP 73247@http://wp-danmark.dk/forum/ Hjemmesiden er bygget op med Tabut-temaet, hvor der ikke er en footer-editor. Jeg har forsøgt med forskellige remove-footer-plugins og forskellige CSS-koder, men intet kan fjerne footeren. Siden er lavet uden child-theme - og ved opdatering af temaet, dukkede footeren derfor op, som tidligere var blevet fjernet (ikke af mig). Jeg tør ikke rigtigt redigere direkte i temaet af frygt for at ødelægge noget. Men desværre er det endnu ikke lykkedes mig at fjerne footeren på anden vis. Jeg håber derfor, at en herinde kan hjælpe, selvom det ikke er et særligt udbredt tema. Har også andre udfordringer med bl.a. menuen, men det er en anden sag... En udfordring af gangen. :-) PFT! julie12345 om "Ændring af sidefod/footer" http://wp-danmark.dk/forum/topic/%c3%a6ndring-af-sidefodfooter#post-71785 søn, 15 sep 2019 19:52:51 +0000 julie12345 71785@http://wp-danmark.dk/forum/ Hvordan ændrer man den nederste sidefod, så den forsvinder? Det er den under den vide streg helt nederst på siden hvor der står en hel masse ord på min hjemmeside <a href="https://mentorhjaelp.dk/" rel="nofollow">https://mentorhjaelp.dk/</a> mallegl om "Bento theme / fjernelse af theme footer" http://wp-danmark.dk/forum/topic/bento-theme-fjernelse-af-theme-footer#post-70095 man, 10 sep 2018 15:55:14 +0000 mallegl 70095@http://wp-danmark.dk/forum/ Website: <a href="http://vodskovkro.dk/" rel="nofollow">http://vodskovkro.dk/</a> Jeg vil gerne fjerne den nederste grå theme-footer evt. uden plugin. Nedenstående er style.css for "tema-sidefod", men jeg kan ikke rigtigt se den kode, der evt skal fjernes? <?php // The template part for displaying the footer of the website ?> </div> <?php // Ensure that the floats are cleared for the side-menu website layout ?> <div class="after-content"> </div> <footer class="site-footer"> <?php // Footer widget area ?> <?php if ( is_active_sidebar( 'bento_footer' ) ) { ?> <div class="widget-area sidebar-footer clear"> <div class="bnt-container"> <?php dynamic_sidebar( 'bento_footer' ); ?> </div> </div> <?php } ?> <?php // Footer menu and copyright area ?> <div class="bottom-footer clear"> <div class="bnt-container"> <?php bento_footer_menu(); ?> <?php bento_copyright(); ?> </div> </div> </footer> </div> <?php // Tag for including javascript in the footer; should always be the last element inside the <body> section ?> <?php wp_footer(); ?> </body> </html> Prinju om "Gør footer mindre" http://wp-danmark.dk/forum/topic/g%c3%b8r-footer-mindre#post-68221 man, 28 aug 2017 12:53:41 +0000 Prinju 68221@http://wp-danmark.dk/forum/ Hej WP'ere, Jeg arbejder pt. med nogle ændringer i temaet: "HR-Advisor", men har et problem i forhold til at gøre min footer mindre / lavere. Jeg har forsøgt forskellige ting i selve editoren, uden held og også via "Ekstra CSS" funktionen i dashboardet, ligeledes uden held. Der er tale om siden: <a href="http://procomit.web123.dk/" rel="nofollow">http://procomit.web123.dk/</a> Kan nogle hjælpe // Prinju 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 nhuusom om "Evt. plugin til skalering af div-elementer i footer" http://wp-danmark.dk/forum/topic/evt-plugin-til-skalering-af-div-elementer-i-footer#post-66098 ons, 28 sep 2016 08:38:25 +0000 nhuusom 66098@http://wp-danmark.dk/forum/ Hejsa, Jeg benytter WP på <a href="https://www.boligadvokat24.dk">http://www.boligadvokat24.dk</a>, men jeg har problemer med at få footeren til at se pæn ud på mobil. Advokat-virksomheden har 4 adresser, og de ligger i hver sin div, men de bliver klumpet sammen på mobil. I bootstrap kan jeg benytte columns, men hvad gør jeg i WP? er det nogle tilsvarende css-klasser i WP man kan benytte til at lave grid, som ændrer sig afhængig af device/opløsning? johndemokrat om "Kategori link giver 404 meddelselse." http://wp-danmark.dk/forum/topic/kategori-link-giver-404-meddelselse#post-62891 tirs, 07 jul 2015 08:18:45 +0000 johndemokrat 62891@http://wp-danmark.dk/forum/ Hej, vil i være søde at hjælpe mig? Jeg har et problem ved en kategori. Når jeg vælger den i linket i footeren får jeg en 404 side. Katinkaa om "Hjælp til at fjerne credits!" http://wp-danmark.dk/forum/topic/hj%c3%a6lp-til-at-fjerne-credits#post-58247 tirs, 22 jul 2014 11:21:23 +0000 Katinkaa 58247@http://wp-danmark.dk/forum/ Hej Jeg vil gerne beholde copyright mothers magazine 2014, men jeg vil rigtig gerne slette powered by wordpress! Nogen der kan fortælle mig hvad jeg skal slette? : <footer class="footer"> <?php if ( is_active_sidebar( 'footer-widget' ) ) : ?> <section class="footer-inner" role="complementary"> <?php dynamic_sidebar( 'footer-widget' ); ?> </section> <?php endif; ?> </footer> <?php if ( get_option( 'ace_footer_credit' ) == true ) { echo stripslashes( get_option( 'ace_footer_credit' ) ); } else { ?>© <?php _e( 'Copyright','ace' ); ?> <a>"><?php bloginfo( 'name' ); ?></a> <?php echo date( 'Y' ); ?>. <?php _e( 'Powered by','ace' ); ?> <a>">WordPress</a>. <a>" title="<?php _e( 'Theme designed by BluChic','ace' ); ?>" class="footer-credit"><?php _e( 'Designed by','ace' ); ?> BluChic</a><?php } ?> </section> <?php wp_footer(); ?> <?php echo ace_footer_scripts(); ?> </section> </body> </html> Anders Bircow om "header, footer, menu, image" http://wp-danmark.dk/forum/topic/header-footer-menu-image#post-27830 fre, 01 jul 2011 03:44:39 +0000 Anders Bircow 27830@http://wp-danmark.dk/forum/ Visse sider skal ikke ha overskrift, billede og standard menu... Hvordan regulerer jeg det... jeg er nybegynder på php og css mvh AB JulieFischer om "Efter footer" http://wp-danmark.dk/forum/topic/efter-footer#post-51528 lør, 19 okt 2013 15:32:26 +0000 JulieFischer 51528@http://wp-danmark.dk/forum/ hej, Hvis en side ikke er så lang på en hjemmeside, så kommer footeren og en et bart stykke. og her er den hvid, men kan jeg få det til at være en anden farve? helst sort, eller at baggrunden også bliver vist der? Se link: <a href="http://sam-s.dk/wordpress/nyheder/">sam-s.dk/wordpress/nyheder/</a> Så vidt jeg kan se er det i Safari og Explore hvor problemet kan ses i.. OveJunne om "Begynder søger hjælp til tema Expound" http://wp-danmark.dk/forum/topic/begynder-s%c3%b8ger-hj%c3%a6lp-til-tema-expound#post-48772 tirs, 16 jul 2013 09:25:21 +0000 OveJunne 48772@http://wp-danmark.dk/forum/ Jeg har for få dage siden installeret WP på min offline webserver, så jeg kan desværre ikke vise noget frem endnu - skal lige prøve mig lidt frem, før jeg går online. Jeg har valgt temaet <a href="http://wordpress.org/themes/expound" rel="nofollow">http://wordpress.org/themes/expound</a> fordi det passer meget godt med det udseende, jeg søger, og i begyndelsen gik opsætningen som en leg, men så skulle jeg til at indsætte footer-sektionen, og jeg kan bare ikke finde noget sted i kontrolpanelet, der styrer det. Er det en fejl ved kontrolpanelet - eller ved temaet - eller ved mit hoved? be@bornh.com om "Ramme omkring foto i header" http://wp-danmark.dk/forum/topic/ramme-omkring-foto-i-header#post-45169 man, 04 mar 2013 15:49:36 +0000 be@bornh.com 45169@http://wp-danmark.dk/forum/ Jeg er lige startet på wordpress og en side der hedder <a href="http://www.bornholmerferien.nu" rel="nofollow">http://www.bornholmerferien.nu</a>. Jeg startede med et foto (af BornholmerFlyet) som kan ses i header, men kan ikke få rammen væk. Har været i style.css og ændret her og der, men uden resultat. Har nogen et godt bud på hvordan jeg får den væk? spandabel om "Footer er rykket op under content (kun på indlægssider, ikke på forsiden)" http://wp-danmark.dk/forum/topic/footer-er-rykket-op-under-content-kun-pa-indl%c3%a6gssider-ikke-pa-forsiden#post-44235 tirs, 29 jan 2013 19:58:55 +0000 spandabel 44235@http://wp-danmark.dk/forum/ Jeg håber der er nogle herinde, som muligvis kan hjælpe mig... Min blog er pludselig begyndt at se mærkelig ud. På indlægssiderne (og søgesider, kategorier osv - alt andet end forsiden) er footeren rykket op under hele indlæggets content (se fx <a href="http://spandabel.dk/2013/01/28/hilfe-bitte/" rel="nofollow">http://spandabel.dk/2013/01/28/hilfe-bitte/</a> ). Teksten fra footeren (copyright..) er rykket op i sidebaren. Det er meget mystisk, hvorfor den pludselig ser sådan ud. Footeren ser normalt ud, som den gør på forsiden (se <a href="http://www.spandabel.dk" rel="nofollow">http://www.spandabel.dk</a>) Jeg har forsøgt at deaktivere samtlige plugins og fjerne widgets. Da jeg fjernede et twitter plugin og dertilhørende widget fra min sidebar, kom forsiden til at se normal ud (den var også mærkelig en kort periode), men intet ændrede sig på de resterende sider. Jeg har tjekket min footer.php, min page.php og style.css, men alt ser umiddelbart normalt ud, som det plejer. Har I andre forslag til, hvad det kan være? På forhånd tak, - Anne SM-A om "Kontakt info i footer - hvordan får man det centreret??" http://wp-danmark.dk/forum/topic/kontakt-info-i-footer-hvordan-far-man-det-centreret#post-44074 fre, 25 jan 2013 12:39:22 +0000 SM-A 44074@http://wp-danmark.dk/forum/ Jeg er super ny i WP, men har læst en masse og også prøvet at finde svar på mit problem herinde, men uden held. Jeg er igang med at lave: bække.kbds.dk og nede i footeren er der indsat kontakt oplysninger - men denne vil jeg gerne have centreret. Jeg bruger twenty twelve. Nogen der kan fortælle mig hvordan jeg får det ændret?? /Sabine GK_Stevns om "Afstand mellem menu/indhold og indhold/footer" http://wp-danmark.dk/forum/topic/afstand-mellem-menuindhold-og-indholdfooter#post-35975 fre, 23 mar 2012 20:54:09 +0000 GK_Stevns 35975@http://wp-danmark.dk/forum/ <a href="http://www.bent-moeller.dk" rel="nofollow">http://www.bent-moeller.dk</a> Hvordan fjerner jeg luften mellem indholdet og footer? På forsiden ses to damer, som står på en sten. Jeg vil gerne ha' footer helt op under billedet, så det ser ud som om, at stenen ligger på footeren. Til at forstå? Hvilken fil skal jeg rette i? Jeg har ledt i css, footer o.s.v., men kan ikke rigtig finde noget. Anders Rønnau om "Ændring af footer i TwentyEleven så opdatering OK?" http://wp-danmark.dk/forum/topic/%c3%a6ndring-af-footer-i-twentyeleven-sa-opdatering-ok#post-28940 fre, 05 aug 2011 09:15:38 +0000 Anders Rønnau 28940@http://wp-danmark.dk/forum/ Hej Alle Hvordan laver jeg egentlig en ændring i TwentyEleven temaets footer, så jeg ikke skal lave den ændring igen, når der kommer en opdatering? Nyt felt for mig. ;) Mvh. Anders. thomasgam om "Problemer med footer.php" http://wp-danmark.dk/forum/topic/problemer-med-footerphp#post-22292 tirs, 04 jan 2011 16:38:23 +0000 thomasgam 22292@http://wp-danmark.dk/forum/ Hej alle sammen Jeg har overtaget denne hjemmeside, <a href="http://www.bigdance.dk">bigdance.dk</a>, og jeg har problemer med ændre info i den tredje kolonne i footer'en. Når jeg går ind på siden, står der Big Dance 2010 - 29-31/01 - Jonhson, UFO..., mens jeg har ændret footer.php til følgende: <code><div class="col2 float-right"> <h3>Om Big Dance</h3> <a href="http://getfirefox.com/"><img src="<?php bloginfo('stylesheet_directory'); ?>/images/thumb.jpg" width="40" height="40" alt="firefox" class="float-left" /></a> Big Dance 2011 - 28-30/01 - Burhan G, Kato, Ordets Magt og White Pony © Copyright <?php echo date('Y');?> <?php bloginfo('name'); ?> Powered by <a href="http://wordpress.org">WordPress</a> | Valid <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> | <a href="http://validator.w3.org/check/referer">XHTML</a> </div> </code> Jeg har kun ændret selve informationer: "Big Dance 2011 - 28-30/01 - Burhan G, Kato, Ordets Magt og White Pony", men det ændrer altså ikke på det, der står på siden. Jeg har ryddet cache og tjekket i både Firefox og Internet Explorer. Hvad tror I, jeg kan gøre? Takker... // Thomas Lullu 2 om "Footer er ikke centreret" http://wp-danmark.dk/forum/topic/footer-er-ikke-centreret#post-16051 tirs, 23 mar 2010 23:39:32 +0000 Lullu 2 16051@http://wp-danmark.dk/forum/ Hej, For et stykke tid siden fik jeg hjælp til at løse et problem, med at min sidebar forsvandt. Se etv. <a href="http://wordpress.dk/forum/topic/sidebar-forsvinder" rel="nofollow">http://wordpress.dk/forum/topic/sidebar-forsvinder</a>. Men efterfølgende har jeg så opdaget at min footer ikke længere er centreret. Se <a href="http://www.lonni.dk" rel="nofollow">http://www.lonni.dk</a> Er der en der kan/vil hjælpe mig? Mvh. Lullu 2 aka Lullu Mark Thomas Gazel om "Tema med tre kolonner i footer" http://wp-danmark.dk/forum/topic/tema-med-tre-kolonner-i-footer#post-15883 tirs, 16 mar 2010 09:47:17 +0000 Mark Thomas Gazel 15883@http://wp-danmark.dk/forum/ Jeg tænkte på, om nogen kender et tema, som minder om Frugal. <a href="http://frugaltheme.com/" rel="nofollow">http://frugaltheme.com/</a> Og nærmere betegnet det som er brugt her: <a href="http://zenhabits.net/" rel="nofollow">http://zenhabits.net/</a> Det vil sige enkelt med header, content/sidebar og footer med 3 kolonner. Og så gerne widgetholdere i kolonnerne i footeren. Det nu ikke fordi jeg ikke vil støtte Frugal. Det ser ganske fornuftigt ud, men jeg vil helst undgå at skulle være afhængig af en frugal 'engine'. Derudover er det formodentligt rørende enkelt at lave. Samt mere spændende og udfordrene. Derudover er jeg er totalt oldschool. Jo, mindre der er indbygget i temaet, jo bedre. Jeg tænkte, at min kones side: <a href="http://kristine.gazel.dk/" rel="nofollow">http://kristine.gazel.dk/</a> måske kunne tilrettes med en footer og indstilles til kun et indlæg på forsiden osv., men det er som regel nemmere at lure på, hvad nogen andre har lavet. Dybest set, skal jeg bare bruge en fornuftigt kodet footer i tre kolonner med widgets. Nogen bud? Invictus om "Footer er coded" http://wp-danmark.dk/forum/topic/footer-er-coded#post-12700 fre, 16 okt 2009 15:13:58 +0000 Invictus 12700@http://wp-danmark.dk/forum/ Jeg skal have lavet lidt om i min footer i det tema som jeg har valgt, men min footer er base64_coded. Hvordan ændre jeg så i filen?? WebWoman om "Fra footer til top" http://wp-danmark.dk/forum/topic/fra-footer-til-top#post-11268 lør, 18 jul 2009 10:30:47 +0000 WebWoman 11268@http://wp-danmark.dk/forum/ Jeg vil gerne indsætte et link i en footer - "Retur til top" Har nogen en god idé til, hvordan det lettest gøres, vil jeg blive glad Mvh. Lisbeth <script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script> <script type="text/javascript" src="http://twitter.com/statuses/user_timeline/WebWoman_DK.json?callback=twitterCallback2&count=1"></script></code> RoarJohansen om "Min egen copyright "signatur" i bunden (footer)" http://wp-danmark.dk/forum/topic/min-egen-copyright-signatur-i-bunden-footer#post-1033 ons, 06 jun 2007 16:26:58 +0000 RoarJohansen 1033@http://wp-danmark.dk/forum/ Ja som overskriften antyder, så vil jeg gerne fjerne standard signaturen fra bunden af mit site. Det er også lykkedes mig. Men nu vil jeg jo så gerne tilføje min egen tekst dernede, og hvordan gør man så det, spørger jeg mig selv om ? Lucas om "Lucas er stolt af at køre WordPress" http://wp-danmark.dk/forum/topic/lucas-er-stolt-af-at-k%c3%b8re-wordpress#post-747 tirs, 22 maj 2007 10:10:53 +0000 Lucas 747@http://wp-danmark.dk/forum/ Jeg vil gerne ændre det til at "Jeg er glad for at køre wordpress" Men hva er det lige for en fil jeg skla kigge i Wordpress Styrer :) <a href="http://www.netfood.dk" rel="nofollow">http://www.netfood.dk</a>