CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

Grumme100 Nybegynder

15. april 2014 - 08:25 Der er 7 kommentarer

Design ændre sig - Wordpress.

Hej.

Alt efter hvor bred din browser er, ændre mit design udseende. Hvis du trækker siden helt sammen (i bredden). Så er der pludselig 4-5 logo'er. Håber der er nogle der ved hvordan jeg slår det fra :P.

Siden hedder www.tattoofinder.dk

Synes godt om

Slater Ekspert

15. april 2014 - 08:32 #1

Det er meningen, det skal gøre sådan - det hedder responsitivt design, og gør at din side kan ses på alle devices og opløsninger, både computere, tablets og mobiltelefoner. Det eneste der er problemet, er logoet, som er lavet forkert. Det bør ikke bruge et baggrundsbillede, men et img-tag med en relativ størrelse.

Det er virkelig at lade daleren rulle for at holde på enkronen, at slå det responsive fra her.

Et hurtigt fix er dog at sætte din #header til background-repeat: no-repeat; i CSS. Det vil i det mindste gøre, at der ikke kommer flere logoer.

Synes godt om

Grumme100 Nybegynder

15. april 2014 - 08:38 #2

Hej Viperine.

Jeg tænkte nok at det ville være dømt at slå det fra. Men jeg synes ikke jeg kan finde noget med background-repeat inde i header.php.

Vil du prøve at kigge på det? Koden kommer her for header.php:

<?php
/**
* @package gridz
*/
?>
<!DOCTYPE html>




<html <?php language_attributes(); ?>>

<head>
<meta charset="<?php bloginfo('charset'); ?>" />
<title>
<?php
global $page, $paged, $gridz_options;
wp_title();
?>
</title>
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0"/>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo('stylesheet_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<?php wp_head(); ?>

<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-49790429-1', 'tattoofinder.dk');
ga('send', 'pageview');

</script>

</head>
<body <?php body_class(); ?>>
<header id="header">
<div class="wrapper">
<?php gridz_site_logo(); ?>
<div class="site-info">
<?php gridz_site_info(); ?>
</div>
<div class="site-social">
<?php gridz_social_links(); ?>
<a href="java script:void(0)" id="search-button"><span class="genericon-search"></span></a>
<?php get_search_form(); ?>
</div>
</div>
</header>
<nav id="navigation">
<div class="wrapper">
<?php wp_nav_menu(array('theme_location' => 'primary', 'container_class' => 'primary-menu clearfix')); ?>
</div>
</nav>
<?php gridz_responsive_menu(); ?>
<div id="content"<?php gridz_content_class(); ?>>
<div class="wrapper">

Synes godt om

Slater Ekspert

15. april 2014 - 08:51 #3

Det er ikke i den kode, men i det der bliver indsat af <?php wp_head(); ?>

- Jeg kender desværre ikke så meget til Wordpress, så det kan være en anden har et bedre input, men et eller andet sted udskrives et inline stylesheet der ser sådan ud:

<style type="text/css">
#header { background-color: #59a0d6; }
#header .wrapper { height: 180px; }
#header { background-image: url(http://tattoofinder.dk/wp-content/uploads/2014/04/cropped-header21.png); background-repeat: repeat; }
#header .site-title, #header .site-title a, #header .site-description { color: #blank; }
#header .site-title, #header .site-description { display: none; }
#header .site-title { font-size: 17px; }
#header .site-title { font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:700; }
</style>

Hvis du der ændrer background-repeat: repeat; til background-repeat: no-repeat; - så kommer der ikke flere logoer.
Det vil dog stadig ændre størrelsen når der resizes. Og vær også opmærksom på, at baggrundsfarven, som vil være synlig, er lysere blå end logoets baggrundsfarve - men den kan du også hurtigt ændre samme sted.

Synes godt om

Grumme100 Nybegynder

15. april 2014 - 09:08 #4

Hej igen, og tak for svaret.

Jeg har dog prøvet at rette de steder der står background-repeat: repeat til no-repeat i stedet, synes dog ikke det gør nogen forskel :(.

Det er i denne CSS fil styles.css hvor jeg har fortaget rettelserne (lige nu er den rettet tilbage til normalen):

CSS

/*
Theme Name: Gridz
Theme URI: http://appswp.net/gridz-wordpress-theme/
Author: AppsWP
Author URI: http://www.appswp.net
Description: Pinterest like personal blogging theme powered by jQuery Masonry. Beautiful retina-ready and responsive theme with flexible layout. Tons of options to customize the theme according to your needs
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, white, one-column, two-columns, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-colors, custom-background, custom-header, custom-menu, editor-style, featured-images, post-formats, sticky-post, translation-ready, theme-options
Text Domain: gridz
*/

/* == 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%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
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; }

/* == DEFAULT HTML == */
body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-shadow: none; }
p, h1, h2, h3, h4, h5, h6, td { line-height: 1.7; word-wrap: break-word; }
h1, h2, h3, h4, h5, h6 { font-weight: 700; }
h3 { font-size: 138.5%; }
h4 { font-size: 123.1%; }
h5, h6 { font-size: 110%; }
img { -ms-interpolation-mode: bicubic; vertical-align: middle; }
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
em { font-style: italic; }
del, strike, s { text-decoration: line-through; }
sup { vertical-align: super; }
sub { vertical-align: sub; }
sub, sup { font-size: 75%; }
ins { background-color: #fef8a7; text-decoration: none; }
strong { font-weight: 700; }
textarea { font-size: 100%; overflow: auto; }
a img { border: 0 !important }
a { text-decoration: none }
* { outline: none }
pre { font-family: "Courier New", monospace; display: block; width: auto; overflow: auto; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; padding: 13px; }
code { font-family: "Courier New", monospace; }
.clear { content: "."; clear: both !important; font-size: 0 !important; line-height: 0 !important; height: 0px !important; margin: 0 !important; padding: 0 !important; visibility: hidden !important; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
audio, canvas, video { display: inline-block; *display: inline; }
audio:not([controls]) { display: none; }
.tablayout { width: 100%; }
.tablayout td { vertical-align: middle; }
.tablayout td.tdleft { text-align: left; }
.tablayout td.tdright { text-align: right; }
.tablayout td.tdcenter { text-align: center; }
a, input[type="text"], input[type="password"], textarea, input[type="button"], input[type="reset"], input[type="submit"] { -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.sticky, .bypostauthor {}

/* == IMAGES & ALIGNMENT == */
img { max-width: 100%; height: auto; width: auto; /* IE Fix */ }
embed, object, iframe, audio { max-width: 100%; }
.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float:right; margin: 5px 0 20px 20px; }
.alignleft { float: left; margin: 5px 20px 20px 0; }
.aligncenter { display: block; margin: 5px auto 5px auto; }
a img.alignright { float: right; margin: 5px 0 20px 20px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto }
.wp-caption { max-width: 100%; text-align: center; margin-bottom: 20px !important; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { max-width: 100%; }
.wp-caption p.wp-caption-text, .gallery-caption, .entry_caption { margin: 0; padding: 0; margin-top: 10px; line-height: 1.5; text-align: center; }
.gallery-item { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; margin-bottom: 20px !important; }
.gallery-icon { margin-bottom: 0 !important; }
.gallery-columns-2 .gallery-item { width: 48%; margin: 0 1%; }
.gallery-columns-3 .gallery-item { width: 31%; margin: 0 1%; }
.gallery-columns-4 .gallery-item { width: 23%; margin: 0 1%; }
.gallery-columns-5 .gallery-item { width: 18%; margin: 0 1%; }
.gallery-columns-6 .gallery-item { width: 14%; margin: 0 1%; }

/* == FORM ELEMENTS == */
input[type="text"], input[type="password"], input[type="url"], input[type="email"], textarea { padding: 8px !important; color: #666 !important; border: 1px #ccc solid !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; }
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus { -moz-box-shadow: inset 1px 1px 5px #ddd; -webkit-box-shadow: inset 1px 1px 5px #ddd; box-shadow: inset 1px 1px 5px #ddd; }
input[type="text"], input[type="url"], input[type="email"], input[type="password"] { line-height: 1 !important; }
input[type="button"], input[type="reset"], input[type="submit"] { background-color: #333; cursor: pointer; padding: 10px !important; line-height: 1 !important; color: #fff !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; border: 0 none !important;-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: 700; }
input[type="button"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner { border: 0 !important; padding: 0 !important; }
textarea { max-width: 80%; }

/* == BODY == */
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; font-size: 81.3%; background-color: #eee; background-image: url(images/background.png); background-repeat: repeat; }
.wrapper { width: 80%; margin: 0 auto; overflow: hidden; }
#container { width: 70%; float: left; overflow: hidden; }
#primary.widget-area { width: 28.5%; margin-left: 1.5%; float: left; }
#primary.widget-area-left { margin-left: 0; margin-right: 1.5%; }
#content.fullwidth #container { width: 100%; float: none; }
#content.fullwidth #primary.widget-area { display: none; }

/* == HEADER == */
#header { background-size: 100% auto; }
#header .wrapper { display: table; }
.site-social { width: 100%; display: table-cell; vertical-align: middle; text-align: right; }
.site-info { width: 30%; display: table-cell; vertical-align: middle; text-align: left; }
.site-logo { display: table-cell; min-width: 72px; max-width: 96px; padding-right: 10px; vertical-align: middle; text-align: left; }
.site-logo img { max-width: 96px; }
.site-title { font-size: 200%; line-height: 1.3; margin-bottom: 0; }
.site-description { font-size: 84.6%; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
.social-profile, #search-button { font-family: "Genericons"; display: inline-block; *display: inline; zoom: 1; margin-left: 8px; line-height: 1; font-size: 22px; padding: 10px; border: 2px #fff solid; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; opacity: 0.3; filter: alpha(opacity=30); vertical-align: middle; }
.social-profile:hover, #search-button:hover { opacity: 1.0; filter: alpha(opacity=100); }
#header #searchform { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; }
#header #searchsubmit { display: none; }
#header #s { background: transparent; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; -moz-border-radius: 18px; -webkit-border-radius: 18px; border-radius: 18px; border: 2px #fff solid !important; opacity: 0.3; filter: alpha(opacity=30); padding-left: 12px !important; padding-right: 12px !important; margin-left: 16px; color: #fff !important; }
#header #searchform { width: 0; }
#header #s:hover, #header #s:focus { opacity: 1.0; filter: alpha(opacity=100); }

/* == DROPDOWN NAVIGATION == */
#navigation { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); margin-bottom: 20px; }
.primary-menu ul li { float: left; text-align: left; }
.primary-menu ul li a { display: block; line-height: 1.7; }
.primary-menu ul li li { float: none; width: 170px; position: relative; z-index: 999; margin: 0; }
.primary-menu ul ul { position: absolute; margin-top: -2px; display: none; z-index: 9999; }
.primary-menu ul ul ul { top: 0; left: 170px; position: absolute; }
.primary-menu ul li:hover > ul { display: block; }
#navigation { background-color: #fff; }
.primary-menu ul li a { padding: 10px; color: #333; background-color: #fff; font-weight: 700; border-bottom: 2px #fff solid; }
.primary-menu ul li li a { font-weight: 300; border-bottom: 0 none; }
.primary-menu ul li li { border-top: 1px #eee solid; }
.primary-menu ul li li:first-child { border-top: 0 none; }
.primary-menu ul li.current-menu-item li a, .primary-menu ul li.current_page_item li a { color: #333; }
.primary-menu ul ul { -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); }
#navigation.responsive-navigation { display: none; }
#navigation.responsive-navigation { background-color: #444; clear: both; overflow: hidden; margin-bottom: 20px; }
#navigation.responsive-navigation a { display: block; padding: 10px; color: #fff; text-align: center; }
#navigation.responsive-navigation ul li { display: none; line-height: 1.7; }
#navigation.responsive-navigation ul li#select-menu-item { display: block; }

/* == POSTS == */
article.post, article.page, article.attachment { background-color: #fff; padding: 20px; margin-bottom: 30px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; display: block; }
article.grid { padding: 1.5%; margin: 0 1% 2%; }
.grid-col-2 #grid-container article.grid { width: 45%; }
.grid-col-3 #grid-container article.grid { width: 28%; }
.grid-col-4 #grid-container article.grid { width: 20%; }
#grid-container { margin-bottom: 20px; display: block; overflow: hidden; }
.entry-title, .entry-title a { color: #111; }
.entry-title { margin-bottom: 5px; }
.entry-featured { margin-bottom: 16px; }
.entry-meta { font-style: italic; font-size: 84.6%; line-height: 1.7; color: #999; margin-bottom: 16px; }
.entry-meta a { color: #999; }
.entry-footer { border-top: 1px #eee solid; padding-top: 5px; line-height: 1.7; font-size: 84.6%; color: #999; }
.entry-footer a { color: #999; display: inline-block; *display: inline; zoom: 1; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px; }
.entry-footer .tdright a:before { content: '/'; padding: 0 8px; }
.entry-footer .tdright a:first-child:before { content: ''; padding: 0; }
.entry-meta .entry-date:before, .entry-meta .entry-author:before, .entry-meta .entry-comments:before, .entry-meta .entry-likes:before, .entry-meta .entry-categories:before, .entry-meta .entry-tags:before { content: '/'; padding: 0 8px; }
.entry-meta *:first-child:before { content: ''; padding: 0; }
article.grid .entry-meta .entry-date, article.grid .entry-footer .entry-author { display: none; }
article.grid .entry-meta .entry-author:before { content: ''; padding: 0; }
article.grid blockquote { padding: 16px; line-height: 1.7; font-family: Georgia, Times New Roman, serif; font-style: italic; font-size: 123.1%; color: #fff; background-image: url(images/quote_bg.png); background-repeat: no-repeat; background-position: -4px -4px; margin-bottom: 16px; }
article.grid blockquote a { color: #fff; text-decoration: underline; }
article.grid .ie-audio-link { display: none; }
.entry-content { margin-bottom: 16px; line-height: 1.7; overflow: hidden; clear: both; }
.entry-content * { margin-bottom: 16px; }
.entry-content *:last-child { margin-bottom: 0; }
.entry-content br, .entry-content .gallery, .entry-gallery span { margin-bottom: 0 !important; }
.entry-content h1 { font-size: 184.6%; }
.entry-content h2 { font-size: 169.2%; }
.entry-content h3 { font-size: 153.8%; }
.entry-content h4 { font-size: 138.5%; }
.entry-content h5 { font-size: 123.1%; }
.entry-content h6 { font-size: 107.7%; }
.entry-content table td, .entry-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; }
.entry-content table th { border-top: 0 none; font-weight: 700; }
.entry-content table td:last-child, .entry-content table th:last-child { border-right: 0 none; }
.entry-content blockquote { padding: 16px; border-left: 1px #ccc dotted; font-style: italic; }
.entry-content li { list-style-position: inside; margin-left: 10px !important; margin-bottom: 16px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; }
.entry-content li li { margin-top: 16px !important; }
.entry-content ul ul, .entry-content ol ol { margin-left: 10px; }
.entry-content ul { list-style: disc; }
.entry-content ol { list-style: decimal; }
.entry-content ol ol { list-style: lower-alpha; }
.entry-content ol ol ol { list-style: lower-roman; }
.entry-content a:hover { color: #444; text-decoration: underline; }
.entry-content input, .entry-content label, .entry-content textarea { margin-bottom: 0 !important; }
.entry-content img { margin-bottom: 16px !important; }
.entry-content .gallery { margin: 16px 0 0 0 !important; }
.entry-content .gallery-item img { margin-bottom: 0 !important; }
.entry-content .more-link { font-size: 92.3%; margin-left: 16px; }
.entry-content .more-link:hover { text-decoration: underline; }

/* == FLEXSLIDER == */
.flex-direction-nav { *height: 0; }
.flex-direction-nav { font-family: "Genericons"; text-align: right; }
.flex-direction-nav li { display: inline-block; *display: inline; zoom: 1; }
.flex-direction-nav a { display: block; padding: 5px; font-size: 16px; background-color: #333 !important; color: #fff !important; margin-left: 3px; margin-top: 3px; line-height: 1; }

/* == PAGE NAVIGATION == */
#page-navigation { margin-bottom: 20px; }
#page-navigation a { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
#load-more { text-align: center; margin-bottom: 20px; clear: both; }
#load-more a { display: block; background-color: #fff; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; padding: 8px; line-height: 1; }
.page-link { clear: both; padding-top: 10px; }
.page-link span { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; color: #fff; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; font-size: 11px; }
.page-link a span { background-color: #eee; color: #666; text-decoration: none; }
.page-link a:hover span { color: #fff; }
.post-navigation { text-align: right; margin-bottom: 20px; }
.post-navigation a, .comment-navigation a { display: inline-block; *display: inline; zoom: 1; line-height: 1; padding: 8px; background-color: #fff; color: #666; -moz-box-shadow: 0 2px rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px rgba(0,0,0,0.2); box-shadow: 0 2px rgba(0,0,0,0.2); margin-right: 5px; margin-bottom: 2px; font-family: "Genericons"; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.comment-navigation { padding: 10px 20px; text-align: right; background-color: #fff; border-top: 1px #ddd solid; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); }
.comment-navigation a { background-color: #eee; }
.post-navigation a:hover, .comment-navigation a:hover { color: #fff; }

/* == WIDGET AREA == */
#primary.widget-area .widget { padding: 16px; margin-bottom: 16px; background-color: #fff; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); overflow: hidden; clear: both; }
.widget-title { margin-bottom: 10px; }
.widget a { color: #333; text-decoration: underline; }
.widget a:hover { text-decoration: none; }
.widget li { line-height: 1.7; margin-top: 5px; }
.widget #wp-calendar { width: 100%; }
.widget #wp-calendar th, .widget #wp-calendar td { text-align: center; padding: 3px; }
.widget #wp-calendar caption { padding-bottom: 10px; text-transform: uppercase; letter-spacing: 2px; }
.widget #wp-calendar #prev { text-align: left; }
.widget #wp-calendar #next { text-align: right; }
.widget #wp-calendar td#today span { text-align: center; display: inline-block; *display: inline; zoom: 1; padding: 6px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; color: #fff; line-height: 1; }
.widget_tag_cloud a { display: inline-block; *display: inline; zoom: 1; margin-right: 8px; margin-bottom: 8px; line-height: 1.5; text-decoration: none; padding: 3px 12px; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; border: 1px solid; font-size: 84.6% !important; }

/* == FOOTER == */
#footer { background-color: #222; color: #777; clear: both; }
#footer a { color: #777; text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footer-widget-area .widget-area { float: left; margin: 0 0.5%; }
#footer-widget-area .widget-area .widget { margin: 16px 0; clear: both; overflow: hidden; }
#footer-widget-area .widget-area .widget .widget-title { color: #aaa; }
#footer-widget-area.one .widget-area { width: 100%; margin: 0; }
#footer-widget-area.two .widget-area { width: 49%; }
#footer-widget-area.three .widget-area { width: 32%; }
#footer-widget-area .widget_tag_cloud a { text-decoration: none !important; }
#footer-widget-area .widget-area .widget #s { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; border-color: #777 !important; background-color: transparent; }
#footer-widget-area .widget-area .widget #searchsubmit { background-color: #555; }
#footer-credits { margin: 16px 0; text-align: center; }
#scroll-up { position: fixed; bottom: 20px; right: 20px; cursor: pointer; padding: 5px 10px 10px; background-color: #000; color: #fff; display: none; z-index: 999; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; opacity: 0.4; filter: alpha(opacity=40); }
#scroll-up:hover { opacity: 0.6; filter: alpha(opacity=60); }
#scroll-up span { font-family: "Genericons"; }

/* == COMMENTS == */
#comments { margin-bottom: 20px; }
.comments-title { background-color: #fff; padding: 20px; }
.comments-list li, .no-comments { padding: 20px; background-color: #fff; margin-top: 20px; overflow: hidden; clear: both; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); }
.comments-list li li { padding: 10px 0; margin-top: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }
.comments-list ul { margin-left: 20px; }
.comments-list li.even .avatar { float: left; margin: 0 20px 10px 0; }
.comments-list li.odd .avatar { float: right; margin: 0 0 10px 20px; }
.comments-list li .avatar { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }

.comments-meta { padding-bottom: 7px; margin-bottom: 7px; border-bottom: 1px #ddd solid; line-height: 1.5; }
.comments-meta a:hover { text-decoration: underline; }
.comments-meta .comments-author { font-size: 123.1%; font-weight: 700; }
.comment-reply-link { margin-left: 20px; }
.comment-awaiting-moderation { font-style: italic; font-family: Georgia, Times New Roman, serif; margin: 10px 0; font-weight: 700; }

.comment-content { line-height: 1.7; overflow: hidden; }
.comment-content * { margin-bottom: 16px; }
.comment-content *:last-child { margin-bottom: 0; }
.comment-content br, .comment-content .gallery, .comment-gallery span { margin-bottom: 0 !important; }
.comment-content h1 { font-size: 184.6%; }
.comment-content h2 { font-size: 169.2%; }
.comment-content h3 { font-size: 153.8%; }
.comment-content h4 { font-size: 138.5%; }
.comment-content h5 { font-size: 123.1%; }
.comment-content h6 { font-size: 107.7%; }
.comment-content table td, .comment-content table th { border: 1px #ddd solid; border-left: 0 none; padding: 8px; }
.comment-content table th { border-top: 0 none; font-weight: 700; }
.comment-content table td:last-child, .comment-content table th:last-child { border-right: 0 none; }
.comment-content blockquote { padding: 16px; border-left: 1px #ccc dotted; font-style: italic; }
.comment-content li { list-style-position: inside; margin-left: 10px !important; padding: 0 !important; border: 0 none !important; margin-top: 0 !important; }
.comment-content li li { margin-top: 16px !important; padding: 0 !important; }
.comment-content ul ul, .comment-content ol ol { margin-left: 10px !important; }
.comment-content ul { list-style: disc; }
.comment-content ol { list-style: decimal; }
.comment-content ol ol { list-style: lower-alpha; }
.comment-content ol ol ol { list-style: lower-roman; }
.comment-content a:hover { color: #444; text-decoration: underline; }
.comment-content img { margin-bottom: 16px !important; }

.form-allowed-tags { display: none; }
#cancel-comment-reply-link { font-size: 12px; }
#respond { background-color: #fff; padding: 20px; -moz-box-shadow: 0 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px rgba(0,0,0,0.2); box-shadow: 0 1px rgba(0,0,0,0.2); margin-top: 20px; }
#respond p { margin-bottom: 16px; }
#respond label { display: block; margin-bottom: 8px; }
.comments-list li #respond { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; }

/* == RESPONSIVE LAYOUT == */
@media only screen and (min-width:1000px) and (max-width:640px) {
#navigation { display: none; }
#navigation.responsive-navigation { display: block; }
#header { display: table; width: 100%; }
#header .wrapper { display: table-cell; }
#header .site-info, #header .site-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; }
#header .site-logo { display: none; }
#header #search-button, #header #searchform { display: none; }
article.grid, article.post, article.page, article.attachment { width: 95% !important; margin: 0 !important; padding: 2.5% !important; margin-bottom: 16px !important; }
#container { width: 100%; float: none; }
#primary.widget-area { display: none; }
#footer-widget-area { display: none; }
}

@media only screen and (min-width:641px) and (max-width:899px) {
#navigation { display: none; }
#navigation.responsive-navigation { display: block; }
#header { display: table; width: 100%; }
#header .wrapper { display: table-cell; }
#header .site-info, #header .site-social { padding: 10px 0; max-width: 100%; width: 100%; text-align: center; display: block; }
#header .site-logo { display: none; }
#header #search-button, #header #searchform { display: none; }
#container { width: 100%; float: none; }
#primary.widget-area { display: none; }
article.post, article.page, article.attachment { width: 95% !important; margin: 0 !important; padding: 2.5% !important; margin-bottom: 16px !important; }
}

/* == RETINA DISPLAY == */
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
body { background-image: url(images/background@2x.png); }
article.grid blockquote { background-image: url(images/quote_bg@2x.png); background-size: 45px 24px; }
}

Synes godt om

michael_stim Ekspert

15. april 2014 - 10:55 #5

Tænk på at hver gang Der er en opdatering (og du opdaterer) vil dine ændringer forsvinde. Så jeg ville nok lave et childtheme og lave mine ændringer der.

https://codex.wordpress.org/Child_Themes

Synes godt om

Grumme100 Nybegynder

15. april 2014 - 11:01 #6

Tak for tippet Michael_stim. Vil jeg helt sikkert få kigget på :).

Du har ikke et forslag til hvordan jeg løser mit banner problem?

Synes godt om

Grumme100 Nybegynder

16. april 2014 - 10:47 #7

Ingen der kan hjælpe? :))

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Microsoft 365 kurser

Alle kurser indenfor Microsoft 365 – både til begyndere og øvede.

Se alle Microsoft 365 kurser

Flere spørgsmål fra Andet design kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
En som kan designe et LegoKørekort? Af Chris i Andet design	7	30/10/202404:18	30/10/202414:10
3D foto til stl Af johnnylassen i Andet design	1	31/07/202313:32	31/07/202314:28
InDesign - Af Ajnbnb i Andet design	6	29/07/202209:29	01/08/202209:18
Kan man fremstille numre med en cirkel eller firkant om ? Af Ikke-ekspert i Andet design	6	04/04/202211:38	04/04/202222:11
Logo til kostvejleder Af Buchwald i Andet design	3	18/02/202217:41	20/02/202216:52

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS