Avatar billede dyne-jensen Juniormester
22. marts 2015 - 16:43 Der er 6 kommentarer

Fjerne mellemrum mellem header og content

Hej eksperter :-)

Ja, jeg håber, jeg har defineret det rigtigt.

Jeg er WordPress bruger, og jeg er ved at lave mit design om. Det er lykkedes at fjerne sidehovedet manuelt gennem kodning (Google-søgning), men der er nu et uønsket mellemrum mellem der hvor sidehovedet var og indholdet nedenunder (banneret). Mellemrummet defineres åbenbart universelt - altså mellem de forskellige elementer som menu, sidehoved, sidefod osv., og derfor tror den stadigvæk der er et sidehoved, der skal have ekstra mellemrum. Hvordan fjerner jeg mellemrummet mellem det nu deaktiverede sidehoved (.site-header) og indholdet? Før indholdet kommer, er der et banner/fotografi, som er side-bestemt.

Visualiseret:
http://90.185.54.111/wordpress/wp-content/uploads/2015/03/Hjemmeside_eksempel.png

Det røde kryds er problemet, mens de blå flueben er fint som det er. Jeg vil gerne forstørre bannerne, men det kan jeg godt selv finde ud af bagefter. :-)

Er der nogen, der kan hjælpe? Det ville bare være super. :-)

Her er en kopi af stylesheetet (måske er det her, problemet ligger? Hmm...)
--------------------------------------------------------------

/*
Theme Name: GeneratePress
Theme URI: http://generatepress.com
Author: Thomas Usborne
Author URI: http://edge22.com
Description: GeneratePress is a fast, lightweight, mobile responsive WordPress theme built with speed, SEO and usability in mind. Create your website just the way you want it using the Customizer and see the changes take place right in front of you before you publish. GeneratePress is mobile responsive, W3C Markup Validated, Schema.org microdata integrated, search engine friendly, cross browser compatible (including IE8+), WooCommerce compatible, BuddyPress compatible and 100% translatable. GeneratePress has 8 widget areas, 5 navigation positions, 5 sidebar layouts and much more. Available in English, German, Portuguese, Spanish, Russian, French, Norwegian, Polish, Czech and Danish! See more at http://generatepress.com
Version: 1.2.9.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: generate
Domain Path: /languages/
Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, fixed-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow

GeneratePress, Copyright 2015 Thomas Usborne
GeneratePress is distributed under the terms of the GNU GPL

GeneratePress is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/

DO NOT ADD YOUR CSS TO THIS FILE - IT WILL BE LOST
To add your own CSS, use a child theme or install a custom CSS plugin
*/

/* =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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    word-wrap: break-word;
}
html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}
ol, ul {
    list-style: none;
}
table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    font-weight: normal;
    text-align: left;
    padding: 5px;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}
a:focus {
    outline: thin dotted;
}
a:hover,
a:active { /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
    outline: 0;
}
a img {
    border: 0;
}

a {
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}


/* =Global
----------------------------------------------- */

body,
button,
input,
select,
textarea {
    /*color: #404040;*/
    font-family: sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5;
    -webkit-transition:all 0.1s ease-in-out;
    -moz-transition:all 0.1s ease-in-out;
    -o-transition:all 0.1s ease-in-out;
    transition:all 0.1s ease-in-out;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 40px;
    margin-top: 40px;
}

/* Text elements */
p {
    margin-bottom: 1.5em;
}
ul, ol {
    margin: 0 0 1.5em 3em;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}
dt {
    font-weight: bold;
}
dd {
    margin: 0 1.5em 1.5em;
}
b, strong {
    font-weight: bold;
}
dfn, cite, em, i {
    font-style: italic;
}
blockquote {
    margin: 0 1.5em 1.5em;
}
address {
    margin: 0 0 1.5em;
}
pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    padding: 1.6em;
    overflow: auto;
    max-width: 100%;
}
code, kbd, tt, var {
    font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}
mark, ins {
    text-decoration: none;
}
sup,
sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    bottom: 1ex;
}
sub {
    top: .5ex;
}
small {
    font-size: 75%;
}
big {
    font-size: 125%;
}
figure {
    margin: 0;
}
table {
    margin: 0 0 1.5em;
    width: 100%;
}
th {
    font-weight: bold;
}
img {
    height: auto; /* Make sure images are scaled correctly. */
    max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
textarea {
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    *vertical-align: middle; /* Improves appearance and consistency in all browsers */
}
button,
input {
    line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    border: 0;
    /*border-color: #ccc #ccc #bbb #ccc;
    border-radius: 3px;*/
    background: #666;
    /*box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
    color: rgba(0, 0, 0, .8);*/
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
    padding: 10px 20px;
    color: #FFF;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #606060;
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #606060;
}
.button {
    padding: 10px 20px;
    display: inline-block;
    *display: inline;
}
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
    padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
    -moz-box-sizing:    content-box;
    box-sizing:        content-box;
}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
    border: 0;
    padding: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
textarea {
    background: #FAFAFA;
    color: #666;
    border: 1px solid #ccc;
    border-radius: 0px;
    padding: 10px 15px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
    background: #FFF;
}
textarea {
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top; /* Improves readability and alignment in all browsers */
    width: 100%;
}

input[type="file"] {
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Links */
a {
    color: royalblue;
}
a:visited {
    color: purple;
}
a:hover,
a:focus,
a:active {
    color: midnightblue;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}
.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}
.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
    max-width: 100%;
    height: auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}

/* Clearing */
.clear:before,
.clear:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
    content: '';
    display: table;
}

.clear:after,
[class*="content"]:after,
[class*="site"]:after {
    clear: both;
}


/* =Menu
----------------------------------------------- */

.main-navigation {
    z-index: 100;
}

.main-navigation {
    padding: 0;
    margin: 0;
}
.main-navigation .main-nav ul li a {
    display: block;
    line-height: 60px;
    padding: 0 20px;
}
.menu-toggle {
    line-height: 60px;
    margin: 0;
    padding: 0 20px;
}
.menu-toggle:before {
    content: "\f0c9";
    font-family: FontAwesome;
    margin-right: 10px;
}
.toggled .menu-toggle:before {
    content: "\f00d";
}
.main-navigation .main-nav ul ul li a {
    line-height: normal;
    padding: 10px 20px;
}
.main-navigation .main-nav > ul.sf-arrows > li > a.sf-with-ul {
    padding-right:2.5em;
}
.main-navigation ul ul{
    top: 60px;
}
.main-navigation ul ul li a {
    font-size: 90%;
}

.main-navigation {
    clear: both;
    display: block;
}
.inside-navigation {
    position: relative;
}
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}
.main-navigation li {
    float: left;
    position: relative;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    -webkit-transition:padding 0s ease-in-out;
    -moz-transition:padding 0s ease-in-out;
    -o-transition:padding 0s ease-in-out;
    transition: padding 0s ease-in-out;
}
.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    display: none;
    float: left;
    position: absolute;
    top: 1.5em;
    left: 0;
    z-index: 99999;
    width:200px;
    text-align:left;
}
.main-navigation ul ul ul {
    left: 100%;
    top: 0;
}
.main-navigation ul ul a {
    display: block;
}
.main-navigation ul ul li {
    width:100%;
}
.main-navigation ul li:hover > ul {
    display: block;
}
.nav-float-right .main-navigation {
    float:right;
}
.site-header {
    display:none;
}
.header-aligned-left .site-header {
    text-align: left;
}
.header-aligned-center .site-header {
    text-align: center;
}

.header-aligned-right .site-header {
    text-align: right;
}

.site-header .header-image {
    vertical-align: middle;
}

.main-navigation .main-nav ul ul li a, .nav-float-right .main-navigation .main-nav ul ul li a {
    line-height: normal;
}


.nav-float-right .main-navigation ul ul ul{
    top: 0
}

.main-navigation li.search-item {
    float: right;
    z-index: 21;
}

.nav-aligned-center .main-navigation li.search-item.current-menu-item {
    position: absolute;
    right: 0;
}

.main-navigation li.search-item i {
    transform: rotate(90deg);
}

.navigation-search {
    position: absolute;
    right: 0;
    display: none;
    z-index: 20;
    width: 100%;
    bottom: 0;
}

.navigation-search input {
    border: 0;
    vertical-align: bottom;
    line-height: 0;
    height: 60px;
    opacity: 0.9;
    width: 100%;
    z-index: 20;
}

.navigation-search input::-ms-clear {
    display: none;
}

.nav-left-sidebar .main-navigation li.search-item,
.nav-right-sidebar .main-navigation li.search-item {
    z-index: 19;
}

.nav-left-sidebar .main-navigation li.search-item .fa-times,
.nav-right-sidebar .main-navigation li.search-item .fa-times {
    text-indent: -9999px;
}

.navigation-search input:focus {
    outline: 0;
}

.nav-aligned-right.nav-below-header .main-navigation .menu > li,
.nav-aligned-right.nav-below-header .main-navigation .sf-menu > li,
.nav-aligned-right.nav-above-header .main-navigation .menu > li,
.nav-aligned-right.nav-above-header .main-navigation .sf-menu > li,
.nav-aligned-center.nav-below-header .main-navigation .menu > li,
.nav-aligned-center.nav-below-header .main-navigation .sf-menu > li,
.nav-aligned-center.nav-above-header .main-navigation .menu > li,
.nav-aligned-center.nav-above-header .main-navigation .sf-menu > li {
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

.nav-aligned-right .main-navigation ul,
.nav-aligned-center .main-navigation ul {
    font-size: 0px;
}

.nav-aligned-left.nav-below-header .main-navigation,
.nav-aligned-left.nav-above-header .main-navigation {
    text-align: left;
}

.nav-aligned-center.nav-below-header .main-navigation,
.nav-aligned-center.nav-above-header .main-navigation {
    text-align: center;
}

.nav-aligned-right.nav-below-header .main-navigation,
.nav-aligned-right.nav-above-header .main-navigation {
    text-align: right;
}

.main-navigation .main-nav ul li .dropdown-toggle {
    display: none;
}

/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
    margin: 0 0 2em;
}
.posted-on .updated {
    display: none;
}
.byline {
    display: inline;
}
.single .byline,
.group-blog .byline {
    display: inline;
}
.page-content,
.entry-content,
.entry-summary {
    margin: 2em 0 0;
}
.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-header,
.archive .format-aside .entry-header,
.blog .format-status .entry-header,
.archive .format-status .entry-header,
.blog .format-status .entry-meta,
.archive .format-status .entry-meta {
    display: none;
}

.blog .format-aside .entry-content,
.archive .format-aside .entry-content,
.blog .format-status .entry-content,
.archive .format-status .entry-content {
    margin-top: 0;
}

.blog .format-status .entry-content p:last-child,
.archive .format-status .entry-content p:last-child {
    margin-bottom: 0;
}

/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
    position:relative;
}
.wp-caption img[class*="wp-image-"] {
    display: block;
    margin: 0 auto 0;
    max-width: 100%;
}
.wp-caption .wp-caption-text {
    padding: 8px 10px;
    margin: 0;
    background: url('images/blk_trans.png');
    color:#FFF;
    position:absolute;
    bottom: 0;
    left: 0;
}
.wp-caption .wp-caption-text a, .wp-caption .wp-caption-text a:visited, .wp-caption .wp-caption-text a:hover {
    color:#FFF;
    text-decoration: underline;
}
.site-main .gallery {
    margin-bottom: 1.5em;
}
.gallery-caption {
}
.site-main .gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}
.site-main .gallery dd {
    margin: 0;
}
.site-main .gallery-columns-4 .gallery-item {
}
.site-main .gallery-columns-4 .gallery-item img {
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-main [class*="navigation"] {
    margin: 0 0 2em;
    overflow: hidden;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
    word-wrap: break-word;
}
.bypostauthor {
}
.comment,
.comment-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.comment-author-info {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align:middle;
}

.comment-meta .avatar {
    float: left;
    margin-right: 10px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.comment-author cite {
    font-style: normal;
    font-weight: bold;
}

.entry-meta.comment-metadata {
    margin-top: 0;
}

.comment-content {
    margin-top: 1.5em;
}

.comment-respond {
    margin-top: 1.5em;
}
.comment-form > .form-submit {
    margin-bottom: 0;
}

.comment-form input {
    margin-bottom: 10px;
}

.comment-form #author,
.comment-form #email,
.comment-form #url {
    display: block;
}

.comment-metadata .edit-link:before {
    display: none;
}

.comment {
    padding-top: 30px;
    margin-top: 15px;
    border-top: 1px solid #DDD;
}

.comment-list > .comment:first-child {
    padding-top:0;
    margin-top:0;
    border-top: 0;
}

/* =Widgets
----------------------------------------------- */

.widget {
    margin: 0 0 30px;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Search widget */
.widget_search .search-submit {
    display: none;
}

/* Categories widget */
.widget_categories .children {
    margin-left: 1.5em;
    padding-top: 5px;
}
.widget_categories .children li:last-child {
    padding-bottom: 0;
}

/* =Infinite Scroll
----------------------------------------------- */

/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}

/* =Start custom CSS
----------------------------------------------- */

body {
    font-size: 15px;
}

body .grid-container {
    max-width: 1100px;
}

.separate-containers .inside-article,
.separate-containers .widget,
.separate-containers .comments-area,
.separate-containers .page-header,
.separate-containers .paging-navigation {
    padding: 40px;
}

h1 {
    font-size: 35px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
h2 {
    font-size: 25px;
    margin-bottom: 20px;
    line-height: 1.2em;
}
h3 {
    font-size: 20px;
    margin-bottom: 20px;
    line-height: 1.2em;
}

h4, h5, h6 {
    margin-bottom: 20px;
}

/* Layout spacing */
.right-sidebar .site-main {
    margin: 30px 30px 30px 0;
}
.left-sidebar .site-main {
    margin: 30px 0 30px 30px;
}
.both-sidebars.separate-containers .site-main {
    margin: 30px;
}
.both-right.separate-containers .site-main {
    margin: 30px 30px 30px 0;
}
.both-left.separate-containers .site-main {
    margin: 30px 0px 30px 30px;
}
.both-left .inside-left-sidebar {
    margin-right: 15px;
}
.both-left .inside-right-sidebar {
    margin-left: 15px;
}
.both-right .inside-left-sidebar {
    margin-right: 15px;
}
.both-right .inside-right-sidebar {
    margin-left: 15px;
}
.site-main {
    margin: 30px 0;
}
.separate-containers .site-main > *:last-child {
    margin-bottom: 0;
}
.inside-right-sidebar,
.inside-left-sidebar {
    margin: 30px 0;
}
.one-container .site-main {
    margin-top: 0;
    margin-bottom: 0;
}
.one-container .site-content {
    padding: 40px;
}
.one-container .site-main {
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
}
.one-container.both-right .site-main,
.one-container.right-sidebar .site-main {
    margin-right: 60px;
}
.one-container.both-left .site-main,
.one-container.left-sidebar .site-main {
    margin-left: 60px;
}
.one-container.both-sidebars .site-main {
    margin-left: 60px;
    margin-right: 60px;
}
.one-container .inside-right-sidebar,
.one-container .inside-left-sidebar {
    margin-top: 0;
}
.one-container .inside-article {
    padding: 0 0 30px 0;
}

/* Widget styling */
.widget-title {
    margin-bottom: 30px;
    font-size: 20px;
}
.widget ul {
    margin: 0;
}
.widget ul li {
    list-style-type: none;
    position:relative;
    padding-bottom: 5px;
}
.widget ul li ul li:before {
    opacity:.7;
}
.widget .search-field {
    width: 100%;
}
.widget:last-child,
.separate-containers .widget:last-child {
    margin-bottom: 0;
}

.widget_nav_menu ul ul,
.widget_pages ul ul {
    margin-left: 1em;
    margin-top: 5px;
}

.widget ul li.menu-item-has-children,
.widget ul li.menu-item-has-children,
.widget ul li.page_item_has_children,
.widget ul li.page_item_has_children {
    padding-bottom:0;
}

.header-widget .widget-title {
    margin-bottom: 15px;
}


/* Widget navigation */
.widget-area .main-navigation {
    margin-bottom:30px;
}
.widget-area .main-navigation li {
    float: none;
    display: block;
    width:100%;
    padding: 0;
    margin: 0;
}

.widget-area .main-navigation ul ul {
    top: 0;
    left: 100%;
    width:220px;
}

.widget-area .sf-arrows li .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-left-color: inherit;
  border-right-color: transparent;
  opacity: 1;
}

.widget-area .sf-menu.sf-arrows .sf-with-ul:after,
.widget-area .sf-menu.sf-arrows > li:hover > .sf-with-ul:after,
.widget-area .sf-menu.sf-arrows > .sfHover > .sf-with-ul:after,
.widget-area .sf-menu.sf-arrows > li > .sf-with-ul:focus:after {
  border-left-color: inherit;
  border-top-color: transparent;
  opacity: 1;
}

.both-right .widget-area .main-navigation ul ul,
.right-sidebar .widget-area .main-navigation ul ul,
.both-sidebars .widget-area .inside-right-sidebar .main-navigation ul ul
{
    right: 100%;
    left: auto;
}

.both-right .widget-area .sf-arrows li .sf-with-ul:after,
.right-sidebar .widget-area .sf-arrows li .sf-with-ul:after,
.both-sidebars .widget-area .inside-right-sidebar .sf-arrows li .sf-with-ul:after {
  margin-top: -5px;
  margin-right: -3px;
  border-color: transparent;
  border-right-color: inherit; /* edit this to suit design (no rgba in IE8) */
  opacity: 1;
}

.both-right .widget-area .sf-arrows li > .sf-with-ul:focus:after,
.right-sidebar .widget-area .sf-arrows li > .sf-with-ul:focus:after,
.both-sidebars .widget-area .inside-right-sidebar .sf-arrows li > .sf-with-ul:focus:after,
.both-right .widget-area .sf-arrows li:hover > .sf-with-ul:after,
.right-sidebar .widget-area .sf-arrows li:hover > .sf-with-ul:after,
.both-sidebars .widget-area .inside-right-sidebar .sf-arrows li:hover > .sf-with-ul:after,
.both-right .widget-area .sf-arrows .sfHover > .sf-with-ul:after,
.right-sidebar .widget-area .sf-arrows .sfHover > .sf-with-ul:after,
.both-sidebars .widget-area .inside-right-sidebar .sf-arrows .sfHover > .sf-with-ul:after  {
  border-right-color: inherit;
  border-top-color: transparent;
  border-left-color: transparent;
  opacity: 1;
}

.sf-menu.sf-arrows .sf-with-ul:after,
.sf-menu.sf-arrows > li:hover > .sf-with-ul:after,
.sf-menu.sf-arrows > .sfHover > .sf-with-ul:after,
.sf-menu.sf-arrows > li > .sf-with-ul:focus:after {
    border-top-color: inherit;
    border-left-color: transparent;
}
       
.sf-menu.sf-arrows ul .sf-with-ul:after,
.sf-menu.sf-arrows ul li > .sf-with-ul:focus:after,
.sf-menu.sf-arrows ul li:hover > .sf-with-ul:after,
.sf-menu.sf-arrows ul .sfHover > .sf-with-ul:after {
    border-left-color:  inherit;
    border-top-color: transparent;
}

.sidebar .grid-container {
    max-width:100%;
    width:100%;
}

.footer-widgets {
    padding: 40px 0;
}

.inside-footer-widgets .inner-padding {
    padding: 0 40px;
}
.site-info {
    padding: 40px 0;
    text-align: center;
}

/* Posts */
.entry-title {
    margin-bottom: 0;
}
.entry-header {
    word-wrap: break-word;
}
.page-header {
    margin-bottom: 30px;
}
.page-header h1 {
    font-size: 25px;
}
.page-header .avatar {
    float: left;
    margin-right: 1.5em;
}
.page-header .author-info {
    overflow: hidden;
}
.page-header > *:last-child {
    margin-bottom:0;
}
.entry-meta {
    font-size: 85%;
    margin-top: .5em;
}
footer.entry-meta {
    margin-top: 2em;
}

footer.entry-meta .author:before {
    content: "\f007";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
footer.entry-meta .posted-on:before {
    content: "\f073";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.cat-links:before {
    content: "\f07b";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.tags-links:before {
    content: "\f02c";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.comments-link:before {
    content: "\f075";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.edit-link:before {
    content: "\f013";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.nav-previous .prev:before {
    content: "\f0d9";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}
.nav-next .next:before {
    content: "\f0da";
    font-family: FontAwesome;
      font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position:relative;
    margin-right: 5px;
    width: 13px;
    text-align:center;
}

.cat-links,
.tags-links,
.comments-link,
footer.entry-meta .posted-on,
footer.entry-meta .byline {
    display: block;
}

.taxonomy-description p:last-child {
    margin-bottom: 0;
}

.paging-navigation:before,
.paging-navigation:after {
    content: ".";
    display: block;
    overflow: hidden;
    visibility: hidden;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
}

.paging-navigation:after {
    clear: both;
}

.paging-navigation .nav-previous,
.paging-navigation .nav-next {
    display: none;
}

/* Site header */

.main-title {
    margin: 0;
    font-size: 50px;
    line-height: 1.2em;
}
.site-logo {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    max-width: 100%;
}
.site-description {
    margin: 0;
}
.inside-header {
    padding: 40px;
}
.header-widget {
    float: right;
    overflow: hidden;
    max-width: 50%;
}
.header-widget .widget {
    padding: 0 0 20px;
    margin-bottom: 0;
}
.header-widget .widget:last-child {
    padding-bottom:0;
}
.nav-float-right .header-widget .widget {
    padding: 0 0 10px;
}
.nav-float-right .header-widget .widget:last-child {
    padding-bottom: 0;
}
.nav-float-right .header-widget {
    position:relative;
    top: -10px;
}

.post-image {
    margin: 2em 0 0;
}

/* Page Header Addon */

.page-header-image,
.page-header-image-single {
    line-height: 0; /* no more weird spacing */
}

.separate-containers .page-header-image,
.separate-containers .page-header-content {
    margin-top: 30px;
}

.inside-page-header {
    padding: 40px;
}

.separate-containers .page-header-image-single,
.separate-containers .page-header-content-single {
    margin-top: 30px;
}

.separate-containers .inside-article .page-header-image-single,
.separate-containers .inside-article .page-header-content-single,
.one-container .inside-article .page-header-image-single,
.one-container .inside-article .page-header-content-single,
.separate-containers .inside-article .page-header-image,
.separate-containers .inside-article .page-header-content,
.one-container .inside-article .page-header-image,
.one-container .inside-article .page-header-content  {
    margin-bottom: 2em;
    margin-top: 0;
}

/* WooCommerce */

.woocommerce .page-header-image-single {
    display: none;
}

.woocommerce .entry-content,
.woocommerce .product .entry-summary {
    margin-top: 0;
}

/* bbPress */
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums,
div.bbp-breadcrumb,
div.bbp-topic-tags {
    font-size: inherit;
}

#subscription-toggle {
    display: block;
    margin: 1em 0;
    clear: left;
}

#bbpress-forums .bbp-search-form {
    margin-bottom: 10px;
}

/* Mobile menu */
.menu-toggle {
    display: none;
    cursor: pointer;
}
Avatar billede claes57 Ekspert
22. marts 2015 - 16:53 #1
hvis du ser siden i google chrome, så højreklik på det element, og vælg 'vis detaljer om elementet'
Så kommer der præcis visning af kode og css lige netop om dette - og så kan du let finde det og rette til (hvis det altså ikke fører til en masse lignende ting, der forsvinder)
Avatar billede dyne-jensen Juniormester
22. marts 2015 - 17:20 #2
Ja, ok. Det gjorde det da lidt nemmere.

Jeg tror, det har noget med området ".site-content" at gøre. Jeg har prøvet med top-margin, og der står allerede noget med padding. Det virker vist ikke.
Avatar billede dyne-jensen Juniormester
22. marts 2015 - 17:25 #3
Ud fra hvad jeg kan se, så er de indstillinger, der er relevante sat til 0 eller 0px. Jeg har som sagt slået sidehovedet fra i ".site-header", som er årsagen til mellemrummet. Måske er det der problemet ligger alligevel. Men det virker bare ulogisk at skulle fjerne et mellemrum fra et element, der ikke eksisterer længere/er slået fra. Men jeg ved ikke, om det alligevel er det, der driller. :-(
Avatar billede claes57 Ekspert
22. marts 2015 - 17:53 #4
ny hjælp - jeg har også en skærm-lineal
http://www.arulerforwindows.com/
den kan sættes vandret/lodret via det lille / i ikongruppen bund venstre.
Du lukker for lineal ved x i ikongruppe bund højre.
Så kan du måle størrelsen, og søge på det antal px i css.
Avatar billede dyne-jensen Juniormester
22. marts 2015 - 18:53 #5
Jo, tak. Men det sidste er bare ikke relevant. I WordPress skulle det allerede fremstå som 20px. Jeg kan bare ikke fjerne mellemrummet lige netop dette sted (i toppen dette ene sted), som jeg ønsker. Indtil videre er det enten eller. Ændrer jeg på det, bliver det hele smadret sammen (venstre, højre, top og bund mellem alle tekstflader), eller også sker der intet. Der må skulle sættes en ny kode ind, der kun beskæftiger sig med toppen/bunden, eller også skal siden vide, at sidehovedet ikke har eksisteret overhovedet, så den ikke laver dette mellemrum - eller noget lignende.
Avatar billede claes57 Ekspert
22. marts 2015 - 19:42 #6
Der hvor toppen kører, så kalder du class noget andet. I CSS lader du den arve alt fra originalen, og sætter topmargin til 0. Css koden skal være efter alle andre, så de er defineret først.
Avatar billede 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.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

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