Dies funktioniert bisher nur mit Google Chrome mobile Einfach im Header einfügen: <meta name="theme-color" content="#aabbcc" />
Kategorie Design
Die Breite des Submenüs in Divi verändern
.nav li ul { width: 300px; } #top-menu li li a { width: 225px !important; }
Coming Soon Seite
Momentan nutzen wir folgendes Plugin: Coming Soon Page and Maintenance Mode Lite von SeedProd ein HTML-Code mit Counter ist: <html> <head> <title>Datum-Countdown mit JavaScript</title> <script language="JavaScript"> // Ziel-Datum...
Divi Menübreite für Mobile anpassen
am Ende der Style.css folgendes einfügen: /* Die Breite des mobilen breakpoint von Divi selber setzen */ @media only screen and ( max-width: 1200px ) { #top-menu-nav, #top-menu {display: none;} #et_top_search {display: none;} #et_mobile_nav_menu {display: block;}...
MAKE WORDPRESS THEME HEADERS SHRINK ON SCROLL
Modern web design favors a top-fixed masthead that shrinks when a page is scrolled downwards. The masthead, also known as the header, is the top of the page that contains the brand logo and navigation bar. Makes sense to keep the header visible at all times and make...
How to draw a checkmark / tick using CSS?
You can now include web fonts and even shrink down the file size with just the glyphs you need. https://github.com/fontello/fontello http://fontello.com/ li:before { content:'[add icon symbol here]'; font-family: [my cool web icon font here]; display:inline-block;...
Divi: Anker / Sprungmarke Link setzen
Ein Anker nennt man auch Sprungmarke. Anker Links werden verwendet, um zu einem spezifischen Textabschnitt zu „springen“. 3 Beispiele von Einsatzmöglichkeiten von Anker: One-Page-Seite = Menü läuft über Anker. Z.B. Home, Angebot, Über mich, Kontakt. Verkaufsseite =...
Tutorial: Footer Widgets im WordPress Theme hinzufügen
Tutorial: Footer Widgets im WordPress Theme hinzufügen Veröffentlicht am 18. Oktober 2016 von Thomas / Lesezeit: 3 Minuten Footer Widgets sind ein beliebtes Feature in WordPress Themes, um zusätzliche Informationen in Form von Text oder Links am Ende der Seite...
Checkboxen vergrößern
Nachfolgender Codeschnipsel sollte klar sein: .zustimmung-datenschutz input[type=checkbox] { transform : scale(1); }
Pixel konvertieren
Conversion from Points to Pixels (and Ems and %) Here’s a chart that converts points to pixels (and ems and %). It’s an approximation, which will depend on font, browser and OS, but it’s a good starting point. Points Pixels Ems Percent 6pt 8px 0.5em 50% 7pt 9px 0.55em...