Waimea Business Admin

Endnu en WordPress-blog

Scroll to anchor

by

Hvis man laver et link indeks, der linker til ID’er på siden, kan man med fordel buge dette script for at tage højde for fixed header eller andre fixed elementer.

Kodestumpen indsættes i Genesis Footer Scripts.

Rettelse af højde på image wrap

by

Image wrap er pga. responsive tilpasning lavet med positionering og procenter. Koden nedenfor kan bruges hvis du skal tilpasse højden på image wrap.

Eksempel:
Produkterne på desktop måler 300px i bredden, og du vil gerne have billedrammen til at være 200px i højden. Der er en negativ margin på 10px der skal trækkes fra produktets bredde – derfor bliver breddens udgangspunkt 280 i stedet for 300.

Regnestykket ser derfor således ud:
(højde/bredde)*100 = (200/280)*100 = 71,43
Altså skal nedenstående padding være 71.43%

WooCommerce Tabs

by

Funktion til at lave custom tabs, baseret på f.eks. Advanced Custom Fields.

Koden indsættes i “functions.php” og tilpasses efter behov.

Executive Megamenu

by

For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.

Bemærk:

  • Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
  • CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider

Corporate Megamenu

by

For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.

Bemærk:

  • Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
  • CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider

Enterprise Megamenu

by

For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.

Bemærk:

  • Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
  • CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider

Parallax Megamenu

by

For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.

Bemærk:

  • Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
  • CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider

Outreach Megamenu

by

For at bruge megamenu, skal du give det øverste menupunkt CSS klassen “megamenu”, og indsætte nedenstående i custom CSS.

Bemærk:

  • Det virker kun på desktop – på mobil vil stylingen være helt almindelig.
  • CSS er udviklet til de nye versioner af vores designs – der er ingen garanti for det virker på ældre sider

Gravity Forms datovælger begrænsning

by

Nedenstående kode bruges til at sætte minimum/maximum datoer på Gravity Forms datovælger.

For at finde de rigtige ID’er, inspiceres det enkelte datovælger felt på hjemmesiden. “input_8_51” fortæller os at “formId” skal være 8 og “fieldId” 51.

“minDate” og “maxDate” i koden tilpasses også:

0 (nul) betyder dagen i dag. Ellers indsættes f.eks. ‘+3 Y’, som betyder 3 år efter dagen i dag. – (minus) kan bruges hvis du skal sætte datoer tilbage i tiden (f.eks. fødselsdato, der aldrig bør kunne sættes efter datoen i dag). Skal du bruge dage eller måneder i stedet, er det bare at udskifte “Y” med “D” eller “M”.

Koden skal placeres i Genesis Footer Scripts hvis den bruges.

Åbningstider på linje i mobilvisning

by

BEMÆRK: Bruges kun hvis det er glemt i de nye designs.

Under åbningstider i mobilvisning, er dag og tidspunkt lagt på hver deres linje for at tilgodese eventuelt lange tekster.

Er der ingen lange tekster, kan nedenstående CSS benyttes for at “normalisere” udseendet på åbningstiderne på små mobiler.