Permalänk
Medlem

100% höjd i wordpress

Tjo. Är medlem i en segelklubb som har en hemsida som sett sina bättre dagar. Tänkte därför piffa till den. Dock stöter jag direkt på patrull. Kan för mitt liv inte förstå hur man ska göra för att mittendelen där all text etc ska få 100% höjd. Är alltså den gröna delen som också ska vara vit även om det inte innehåller någon text etc. Hur går jag tillväga. Är det något plugin som behövs eller ska det läggas till någon tjusig css-kod? Är lite novisen vid spisen när det kommer till att koda sidor så tänkte att wordpress skulle kunna göra jobbet. Men tji fick jag

Visa signatur
Permalänk
Medlem

html { height: 100%; } body { min-height: 100%; }

Borde fungera i en global css-fil

Visa signatur

Äsch...

Permalänk
Medlem

Gå in i CSS:en och ändra till height: 100 vh; på den sektionen som det gäller.

Visa signatur

10700K | NVIDIA RTX 3080

Permalänk
Medlem
Skrivet av kwame:

Gå in i CSS:en och ändra till height: 100 vh; på den sektionen som det gäller.

Denna funkar också, tänk på att vh inte stöds av alla browsers bara.

Visa signatur

Äsch...

Permalänk
Hedersknyffel

Tänkte precis skriva som föregående men fastnade i ditt galleri för plåtlådan. Nu blev jag sugen på att köpa en skåpbil...

Permalänk
Medlem
Skrivet av NisseG91:

html { height: 100%; } body { min-height: 100%; }

Borde fungera i en global css-fil

Det finns en css-flik för temat där man kan lägga till egen kod men detta gjorde ingen skillnad.

Skrivet av kwame:

Gå in i CSS:en och ändra till height: 100 vh; på den sektionen som det gäller.

Frågan är då var den sektionen är. Går jag in i koden för hela sida är det ca 3000 rader kod och hittar ingen som jag tycker passar.

Skrivet av NisseG91:

Denna funkar också, tänk på att vh inte stöds av alla browsers bara.

Skrivet av Freemax:

Tänkte precis skriva som föregående men fastnade i ditt galleri för plåtlådan. Nu blev jag sugen på att köpa en skåpbil...

Ja skåpbilar är kalas

Visa signatur
Permalänk
Medlem

Kan du ge länk till sidan eller är det lokalt? Enkelt att pin-pointa orsaken om du inspekterar elementet med dev tools.

Permalänk
Medlem

Fann nu att sektionen heter content. Blir då denna kod rätt?
content {
min-height: 100vh;
min-height: 100%;
}
Funkar nämligen inte så tänkte om jag tänker fel.

Visa signatur
Permalänk
Medlem
Skrivet av Perrablerra:

Fann nu att sektionen heter content. Blir då denna kod rätt?
content {
min-height: 100vh;
min-height: 100%;
}
Funkar nämligen inte så tänkte om jag tänker fel.

Länkar du sidan kan vi kolla upp det åt dig.

Visa signatur

10700K | NVIDIA RTX 3080

Permalänk
Medlem
Skrivet av kwame:

Länkar du sidan kan vi kolla upp det åt dig.

https://www.skaten.org/ Lösen är pupp

Visa signatur
Permalänk
Medlem
Skrivet av Perrablerra:

<div id="page" class="hfeed site" style=" height: 100vh;">

Ändra till detta så får du att den täcker hela sidan

Visa signatur

10700K | NVIDIA RTX 3080

Permalänk
Medlem

Kalas. Nu funkar det. Tusen tack

Visa signatur
Permalänk
Medlem

Fast nu kom ett nytt problem. Texten som wordpress lägger till som ska ligga längst ner hamnar nu i mitten.

Visa signatur