Avatar billede kusken Nybegynder
12. december 2013 - 20:10 Der er 10 kommentarer og
1 løsning

Top og bottom margin i Wordpress

Hej.

Jeg er ved at lave en side i Wordpress med temaet Football Club:

http://themeboy.com/footballclub/

Jeg kunne dog godt tænke mig, at slippe af med top- og bundmarginen på siden, men jeg kan ikke finde ud af det. Jeg har prøvet med:

margin-top:0px;
margin-bottom:0px;

og

#margin-top:0px;
#margin-bottom:0px;

under brugerdefineret CSS i WordPress uden held.

De ting, som i forvejen står under brugerdefineret CSS er:

#header #logo img { display: none; }
#header { height: 100px; }

hvis det kan hjælpe.
Avatar billede keysersoze Guru
12. december 2013 - 20:15 #1
Du skal som det første finde ud af hvilket eller hvilke elementer der skaber den uønskede margin - det kan du gøre vha browserens developer toolbar; http://www.web-dev.dk/post/2012/06/17/Bliv-en-hurtigere-webudvikler-med-browservc3a6rktc3b8jer.aspx

dernæst hedder syntaksen du skal skrive enten

#IdPåElement { margin... }

eller

.KlassePåElement { margin... }
Avatar billede kusken Nybegynder
12. december 2013 - 20:26 #2
Kan du hjælpe mig lidt mere på vej, hvis du får URL'en?

http://bgif-bold.dk/cms/

Jeg kan ikke finde frem til det uønskede element ved mouseover.
Avatar billede Stickano Nybegynder
15. december 2013 - 16:54 #3
Har du fået rettet problemet, eller hvilke margin er det vi taler om?
Avatar billede keysersoze Guru
15. december 2013 - 17:02 #4
kig på #wrapper og footer.
Avatar billede kusken Nybegynder
17. december 2013 - 18:03 #5
@Stickano , det er marginen i toppen og bunden af siden jeg gerne vil af med.

Det er lykkedes mig, at komme af med top-marginen på siden, men bund -marginen kan jeg ikke slippe af med. Jeg tilføjede følgende brugerdefineret CSS:

body #wrapper {
margin-top: 0;
margin-bottom: 0;
}

Kan de være pga. den tekst, der står i bunden af siden? I så fald må jeg jo finde en måde at fjerne den på.

http://bgif-bold.dk/Udklip.JPG
Avatar billede Stickano Nybegynder
17. december 2013 - 18:10 #6
Hvis det er den her græs baggrund der har en margin, så kunne jeg godt forstille mig det her tekst i bunden er placeret i en <div> eller <table>. Hvis det er tilfældet, skal du være opmærksom på de/den beholder ikke har en margin og/eller padding.

Det samme med din wrapper, det kan godt være en padding der gør det.
Avatar billede keysersoze Guru
17. december 2013 - 18:18 #7
Som nævnt i #4 så kig på din footer.
Avatar billede kusken Nybegynder
17. december 2013 - 18:34 #8
Min footer ser således ud. Jeg har prøvet at ændre margin til 0 og auto til 0 uden held.

}
footer {
    width: 994px;
    margin: 6px auto 28px;
    color: #333;
    font-weight: bold;

Hele footer-koden ser således ud:


/* FOOTER */

#footer-widgets {
    background: #333 url(images/footer-bg.png) repeat-y 0 0;
    color: #999;
    line-height: 20px;
    height: 100%;
}
#footer-widgets p {
    line-height: 20px;
    margin: 0 0 1em;
}
#footer-widgets a {
    color: #999;
}
#footer-widgets a:hover {
    color: #fff;
}
#footer-widgets li {
    background: transparent;
}
#footer-widgets .widget-area {
    width: 362px;
    float: left;
    padding: 12px 18px;
}
#footer-widgets .widget-area#footer-logo {
    width: 162px;
}
#footer-widgets .widget-area p,
#footer-widgets .widget-area ul li {
    margin-top: 6px;
}
#footer-widgets .widget-area th,
#footer-widgets .widget-area td {
    padding: 4px;
}
#footer-widgets #footer-logo {
    border-left: none;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 140px;
}
#footer-widgets #fourth {
    border-right: none;
}
#footer-widgets .widget-area .widget-title {
    text-shadow: #1a1a1a -1px -1px 0;
    color: #ccc;
    margin-bottom: 8px;
    font-size: 16px;
    background: transparent;
    filter: none;
    padding: 0;
}
#footer-widgets .widget-area ul li {
    padding: 2px 0;
}
#footer-widgets .widget-container {
    margin: 0;
    border: none;
    padding: 0;
    background: transparent;
}
#footer-widgets ul li {
    border-color: #666;
    border-color: rgba(255,255,255,0.2);
}
footer {
    width: 994px;
    margin: 6px auto 28px;
    color: #333;
    font-weight: bold;
}
footer .left {
    float: left;
}
footer .right {
    float: right;
}
footer a {
    color: #333;
}
footer a:hover {
    color: #000;
}
Avatar billede keysersoze Guru
18. december 2013 - 11:24 #9
hos mig hjælper det meget at sætte margin til 0 auto på footer - om det så er nok er en anden sag men prøv det først.
Avatar billede kusken Nybegynder
18. december 2013 - 19:52 #10
Der gør ikke umiddelbart nogen forskel ved mig.

Tak for dit svar. Jeg nøjes med toppen indtil videre så og lader den ligge.
Avatar billede keysersoze Guru
19. december 2013 - 01:32 #11
Hvis du havde ladet siden ligge med din ændring kunne vi måske komme det nærmere.
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

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