Ab Minute 21:30

How to choose colors for website design

Best Mobile Ad Sizes in 2019: Find Out Which Banner Units (Standard, Small & Google Optimized) We Recommend

Breite Desktop: 1920px

Breite Tablet: 768px

Breite Phone: 320px

https://www.youtube.com/watch?v=7d7lO4NPCuI

Im Module fullwith Header title: Design/Scroll Down Icon

(im Video steht immer Fullwidth Layout aktivieren – habs auf Kita Website ohne gemacht um nicht Bilder zu verschieben – musste spacing justieren: Logo image margin bottom –vw erhöhen, Header text padding top/bottom 1vw erhöhen)

Video gibt CSS wenn Icon bouncen soll

Mit Wellen etc.

How to Recreate Elegant Theme’s Section Divider Examples with Divi

Einfacher Overlay – Gradient Overlay – Header Text Shadow

https://www.elegantthemes.com/blog/divi-resources/how-to-make-your-written-content-readable-on-image-backgrounds-with-divi?utm_source=Elegant+Themes&utm_campaign=68a05a1735-Divi_Weekly&utm_medium=email&utm_term=0_c886a2fc0a-68a05a1735-53456937

https://www.quora.com/Is-there-a-way-to-change-the-height-of-sections-modules-in-WordPresss-Divi-theme

Go to the section module settings:

– Click Advanced

– Scroll down under customer Css → Main Element

– type in the css code: height: 100vh;

(the “vh” means a % of the screen you are viewing from.

So “height: 10vh;” would be a very thin section.)

https://www.elegantthemes.com/blog/divi-resources/how-to-design-custom-full-screen-page-layouts-in-divi

With CSS ID and CSS Code to add – at the end.

In Row settings:

• Design: Center
• Design: Spaltenhöhe anpassen à YES
• Add to row CLASS: “vertical-align”
• Add to Divi/Themeoptions/CSS:

.vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}

Achtung: Um bei amurparfumée.ch bei der ENTER-PAGE den ganzen Content auf der Seite vertikal zu zentrieren, habe ich zusätzlich die ROW Höhe auf 100% fixiert und genau auf Section-Höhe angepasst.

1) Row settings / Advanced / main element : Add “height: 100vh;”