WordPress DK Forum Tag: margin

WordPress DK Forum Tag: margin - Recent Posts http://wp-danmark.dk/forum/tags/margin WordPress DK Forum Tag: margin - Recent Posts da-DK Sun, 18 Oct 2026 10:21:05 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Søg]]> q http://wp-danmark.dk/forum/search.php boldt om "Mindre space mellem navigations menu og indhold." http://wp-danmark.dk/forum/topic/mindre-space-mellem-navigations-menu-og-indhold#post-73297 ons, 12 aug 2020 12:16:33 +0000 boldt 73297@http://wp-danmark.dk/forum/ Jeg ser at du bruger wordpress.com, som er en modificeret udgave af wordpress. Dette forum er for brugere af wordpress fra wordpress.org med hjemmeside på egen server eller webhotel. en måde at ændre til det ønskede udseende er at tilføje <blockquote>.pique-panel-content { padding-top: 150px; }</blockquote> Oprindeligt er padding-top sat til 222px. Men, der er en overskrivning i temaet som jeg ikke middelbart kan ændre, så ovenstående ser ikke ud til at virke. AnneHjort om "Mindre space mellem navigations menu og indhold." http://wp-danmark.dk/forum/topic/mindre-space-mellem-navigations-menu-og-indhold#post-73296 ons, 12 aug 2020 11:45:53 +0000 AnneHjort 73296@http://wp-danmark.dk/forum/ Tror den skulle være synlig nu på <a href="https://knoglelaboratoriet.wordpress.com/" rel="nofollow">https://knoglelaboratoriet.wordpress.com/</a> boldt om "Mindre space mellem navigations menu og indhold." http://wp-danmark.dk/forum/topic/mindre-space-mellem-navigations-menu-og-indhold#post-73295 ons, 12 aug 2020 11:25:50 +0000 boldt 73295@http://wp-danmark.dk/forum/ du har en eller anden "Under Construction" plugin kørende, så jeg kan ikke se, hvad du mener. Jeg bruger Webudviklerværktøjet i Firefox/Chrome (Crtl+Skift+i), hvor man kan finde det præcise afsnit der skal ændres i, og teste ændringer før de bliver gjort permanente. AnneHjort om "Mindre space mellem navigations menu og indhold." http://wp-danmark.dk/forum/topic/mindre-space-mellem-navigations-menu-og-indhold#post-73294 ons, 12 aug 2020 11:06:13 +0000 AnneHjort 73294@http://wp-danmark.dk/forum/ Hejsa. Jeg vil gerne have meget mindre mellemrum mellem min menu og mit indhold. (se link for hvordan det ser ud nu) <a href="https://knoglelaboratoriet.wordpress.com/?frame-nonce=bc2e369fa4" rel="nofollow">https://knoglelaboratoriet.wordpress.com/?frame-nonce=bc2e369fa4</a> Jeg har prøvet diverse css koder med margin og padding, men intet lader til at virke. Min HTML og CSS for homepage ser således ud: HTML:  <div class="wp-block-jetpack-layout-grid alignfull aParent column1-desktop-grid__span-3 column1-desktop-grid__row-1 column2-desktop-grid__span-3 column2-desktop-grid__start-4 column2-desktop-grid__row-1 column3-desktop-grid__span-3 column3-desktop-grid__start-7 column3-desktop-grid__row-1 column4-desktop-grid__span-3 column4-desktop-grid__start-10 column4-desktop-grid__row-1 column1-tablet-grid__span-4 column1-tablet-grid__row-1 column2-tablet-grid__span-4 column2-tablet-grid__start-5 column2-tablet-grid__row-1 column3-tablet-grid__span-4 column3-tablet-grid__row-2 column4-tablet-grid__span-4 column4-tablet-grid__start-5 column4-tablet-grid__row-2 column1-mobile-grid__span-4 column1-mobile-grid__row-1 column2-mobile-grid__span-4 column2-mobile-grid__row-2 column3-mobile-grid__span-4 column3-mobile-grid__row-3 column4-mobile-grid__span-4 column4-mobile-grid__row-4"> <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"> <figure class="wp-block-image size-large"><div class="container"> <div class="item"> <img src="https://knoglelaboratoriet.files.wordpress.com/2020/08/viforsker.png?w=750" alt="" class="wp-image-154" /></div></div></figure> </div>   <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"> <figure class="wp-block-image size-large"><div class="container"> <div class="item"><img src="https://knoglelaboratoriet.files.wordpress.com/2020/08/levgodt-1.png?w=750" alt="" class="wp-image-168" /></div></div></figure> </div>   <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"> <figure class="wp-block-image size-large"><div class="container"> <div class="item"><img src="https://knoglelaboratoriet.files.wordpress.com/2020/08/viforsker.png?w=750" alt="" class="wp-image-154" /></div></div></figure> </div>   <div class="wp-block-jetpack-layout-grid-column wp-block-jetpack-layout-grid__padding-none"> <figure class="wp-block-image size-large"><div class="container"> <div class="item"><img src="https://knoglelaboratoriet.files.wordpress.com/2020/08/viforsker.png?w=750" alt="" class="wp-image-154" /></div></div></figure> </div> </div>    CSS: .aParent div { float: left; clear: none; margin: 5px; } .container { position: relative; width: 300px; height: 400px; overflow: hidden; } .item { position: absolute; top: 0; left: 0; } .item img { -webkit-transition: .6s ease; transition: .6s ease; } .container:hover .item img { -webkit-transform: scale(1.2); transform: scale(1.2); } Kan nogen mon hjælpe Morten Knudsen om "Ændre margin" http://wp-danmark.dk/forum/topic/%c3%a6ndre-margin#post-44310 fre, 01 feb 2013 13:14:22 +0000 Morten Knudsen 44310@http://wp-danmark.dk/forum/ Derudover ville jeg kigge på width 1170 sætte den tilsvarende ned - men så skal man jo kigge på content og sidebar områder også osv. Så den er sådan lidt med, at man skal nørkle med det. ellers vil jeg anbefale dig at få en CSS-nørd til at kigge på dit problem, det koster ikke så voldsomt meget. Morten Knudsen om "Ændre margin" http://wp-danmark.dk/forum/topic/%c3%a6ndre-margin#post-44309 fre, 01 feb 2013 12:59:16 +0000 Morten Knudsen 44309@http://wp-danmark.dk/forum/ margin, eller rettere padding, i venstre/højre side: kig i styles.css ca. linie 253-> #wrapper { background: #fff; padding: 40px 10px 20px; width: 1170px; margin: -40px auto 0px auto; /* Wrapper CSS3 */ box-shadow: 0px 5px 5px #000; -moz-box-shadow: 0px 1px 5px #000; -webkit-box-shadow: 0px 1px 5px #000; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-top-right-radius: 0px; border-top-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } prøv at ændre padding: 40px 10px 20px; til padding: 40px 20px 20px; check i forskellige browsere for at se om det er ok. Også i forskellige størrelser, hvis dit design er responsive f.eks. John om "Ændre margin" http://wp-danmark.dk/forum/topic/%c3%a6ndre-margin#post-44308 fre, 01 feb 2013 12:42:27 +0000 John 44308@http://wp-danmark.dk/forum/ <a href="http://wp-danmark.dk/forum/topic/css-problemer" rel="nofollow">http://wp-danmark.dk/forum/topic/css-problemer</a> Tjekrejsen.dk om "Ændre margin" http://wp-danmark.dk/forum/topic/%c3%a6ndre-margin#post-44307 fre, 01 feb 2013 11:42:37 +0000 Tjekrejsen.dk 44307@http://wp-danmark.dk/forum/ Hej alle Jeg har to ting som jeg gerne vil have ændret på min side <a href="http://www.tjekrejsen.dk" rel="nofollow">http://www.tjekrejsen.dk</a> 1: Jeg vil gerne have ændret i margin, både højre og venstre side. Synes indholdet står for tæt på det blå baggrundsbillede. Hvor ændrer jeg denne margin? 2: Hovedkolonnen til venstre synes jeg er for bred, hvor ændrer man denne bredde? Håber der nogen der vil besvare spørgsmålene. På forhånd tak for hjælpen. John om "Margin på indholdet - hjælp!" http://wp-danmark.dk/forum/topic/margin-pa-indholdet-hj%c3%a6lp#post-33449 ons, 18 jan 2012 12:35:33 +0000 John 33449@http://wp-danmark.dk/forum/ @GK_Stevns <a href="http://wp-danmark.dk/forum/topic/css-problemer" rel="nofollow">http://wp-danmark.dk/forum/topic/css-problemer</a> stffn om "Margin på indholdet - hjælp!" http://wp-danmark.dk/forum/topic/margin-pa-indholdet-hj%c3%a6lp#post-33448 ons, 18 jan 2012 12:14:32 +0000 stffn 33448@http://wp-danmark.dk/forum/ Du skal bare ændre <code>margin: 20px;</code> til <code>margin: 0 20px 20px 20px;</code> GK_Stevns om "Margin på indholdet - hjælp!" http://wp-danmark.dk/forum/topic/margin-pa-indholdet-hj%c3%a6lp#post-33440 ons, 18 jan 2012 10:20:11 +0000 GK_Stevns 33440@http://wp-danmark.dk/forum/ På <a href="http://www.gk-stevns.dk" rel="nofollow">http://www.gk-stevns.dk</a> har jeg lavet en skabelon til en ven. Jeg har oprettet temaet med Artisteer og sat en margin på 20px. Jeg kunne godt tænke mig, at indholdet på min side flugter med toppen af logoet i 1. kolonne. Hvor i koden kan/skal jeg rette topmargin til f.eks. 0. Jeg har kigget i mit styles.css og rettet de steder, hvor jeg havde 20px i margin, men der hvor det rent faktisk hjalp, lavede den selvfølgelig også bund og siderne til 0! Kan I hjælpe med en stk. kode, så det KUN er topmargin som er 0 og sider + bund stadig er 20px? Overhovedet til at forstå? thomasgam om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28732 tors, 28 jul 2011 09:21:57 +0000 thomasgam 28732@http://wp-danmark.dk/forum/ Hej igen Undskyld de lange posts. Jeg har løst mit spørgsmål. Jeg har selvfølgelig blot ændret margin for access, så det passer det resten. Tak for hjælpen John. // Thomas thomasgam om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28731 tors, 28 jul 2011 08:18:48 +0000 thomasgam 28731@http://wp-danmark.dk/forum/ Mit sidste spørgsmål var forkert formuleret. Når jeg nu har rykket sidebar-området mod venstre ved at mindske margin, hvordan får jeg så også rykket <a href="http://www.bylivkolding.dk/test/">indholdet i menubjælken længere til venstre</a>? thomasgam om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28718 ons, 27 jul 2011 14:05:26 +0000 thomasgam 28718@http://wp-danmark.dk/forum/ Hej John Tak for svarene. Jeg fik noget bedre overblik over access og de forskellige funktioner. Nu ser access sådan her ud i mit stylesheet: <code>/* Menu*/ /* Changed constant background color to red */ #access { background: #E0001A; clear: both; display: block; float: left; margin: 0 auto 6px; width: 100%; } #access ul { font-size: 13px; list-style: none; margin: 0 0 0 -0.8125em; padding-left: 0; } #access li { float: left; position: relative; } #access a { color: #eee; display: block; line-height: 3.333em; padding: 0 1.2125em; text-decoration: none; } #access ul ul { -moz-box-shadow: 0 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.2); box-shadow: 0 3px 3px rgba(0,0,0,0.2); display: none; float: left; margin: 0; position: absolute; top: 3.333em; left: 0; width: 188px; z-index: 99999; } #access ul ul ul { left: 100%; top: 0; } /* Changes sub pages into red background, when you hover main */ #access ul ul a { background: #E0001A; border-bottom: 1px dotted #ddd; color: #FFF; font-size: 13px; font-weight: normal; height: auto; line-height: 1.4em; padding: 10px 10px; width: 168px; } /* Changes color of sub page to blue, when you hover it */ #access li:hover > a, #access ul ul :hover > a, #access a:focus { background: #002D3C; } /* Changes main page's color to blue, when you hover it */ #access li:hover > a, #access a:focus { background: #002D3C; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#002D3C, #002D3C); background: -o-linear-gradient(#002D3C, #002D3C); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#002D3C), to(#002D3C)); /* Older webkit syntax */ background: -webkit-linear-gradient(#002D3C, #002D3C); color: #FFFFFF; } #access ul li:hover > ul { display: block; color: #FFFFFF; } #access .current_page_item > a, #access .current_page_ancestor > a { font-weight: bold; }</code> <a href="http://www.bylivkolding.dk/test/?page_id=9">Og resultatet er her.</a> Jeg har også ændret på margin og width for den temastruktur, jeg har valgt (sidebar i højre side): <code>/* Right Content */ .left-sidebar #primary { float: right; margin: 0 0 0 -26.4%; width: 100%; } /* Margin from 34& to 22.7% and width from 58.4 to 65%*/ .left-sidebar #content { margin: 0 7.6% 0 22.7%; width: 65%; } /*margin from 7.6% to 4%*/ .left-sidebar #secondary { float: left; margin-left: 3%; margin-right: 0; width: 18.8%; } </code> Her er mit problem dog, at access nu sidder længere til højre end sidebaren. Hvordan kan jeg rykke pages i menubjælken længere mod højre? Tusind tak for hjælpen. thomasgam om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28712 ons, 27 jul 2011 12:43:09 +0000 thomasgam 28712@http://wp-danmark.dk/forum/ Hej John Tak for svarene. Jeg kigger på dem nu her og kommer med en tilbagemelding. Udlært i Firebug: Du har bestemt ledt mig på rette vej et par gange, men jeg mangler stadig mere praktisk erfaring, før jeg tør skrive det i mit author-felt. John om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28664 man, 25 jul 2011 17:38:01 +0000 John 28664@http://wp-danmark.dk/forum/ Mon ikke det er : <code>#access a { color: #EEEEEE;</code> (menubjælken) Tror den blå er: #002d3c ------------------- margin content: Ser ud som om sidebar og content hænger sammen som jeg ser det <code>.left-sidebar #content { margin: 0 7.6% 0 34%; width: 58.4%; }</code> Prøv at rette i ovenstående til det ønskede resultat Thomas er du ikke udlært i Firebug ;-) thomasgam om "child theme til twenty eleven" http://wp-danmark.dk/forum/topic/child-theme-til-twenty-eleven#post-28660 man, 25 jul 2011 15:07:34 +0000 thomasgam 28660@http://wp-danmark.dk/forum/ Hej alle sammen Jeg sidder med to udfordringer, som jeg er sikker på, at I kan hjælpe mig videre med. Jeg skal lave et par ændringer til temaet Twenty Eleven, og jeg forstår det basale ved at lave en child theme med ændringer i stylesheet, og jeg har prøvet at bruge Firebug til at finde svarene, men jeg er ikke helt ved vejs ende. 1) Hvordan ændrer jeg farven på undersider i menubjælken, når jeg scroller henover en side i menubjælken? <a href="http://www.bylivkolding.dk/test/">Hvis I ser på denne testside</a>:Fx vil jeg gerne have, at undersiden 'Munkebo', der kommer som en dropdown menu, er i samme blå farve som menubjælken, når jeg scroller over hovedsiden 'Boligområder'. Lige nu den grå. 2) Hvordan ændrer jeg margin, så content-området kommer tættere på sidebaren i venstre side? Jeg er ikke helt med på forholdet med primary, content og secondary. Spørgsmålene er måske meget basisspørgsmål, men jeg har tumlet med det i et par dage nu, og nu prøver jeg lykken her. På forhånd tak for hjælpen.