H1 - 30% Spacing - 10px

FuturaBT / Book / 30pt / 40pt height / CAPS

H1 - 60% Spacing - 20px

FuturaBT / Book / 30pt / 40pt height / CAPS

H2 - medium

FuturaBT  / 24pt / 33pt height / CAPS / Spacing: 30% - 10px

H2 - Book

FuturaBT  / 24pt / 33pt height / CAPS / Spacing: 30% - 10px

H3 - 60% spacing - 20px

FuturaBT / Medium / 16pt / 22pt height / CAPS

H3 - 100% spacing - 30px

FuturaBT / Medium / 16pt / 22pt height / CAPS

H4 - no spacing - no caps

FuturaBT / Medium / 16pt / 22pt height

Copy - 16pt
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

FuturaBT / Book / 16pt / 22pt height
UI ELEMENT - 5% - 3px
FuturaBT / Medium / 14pt / 19pt height  / CAPS
UI ELEMENT - 30% - 10px
FuturaBT / Medium / 14pt / 19pt height  / CAPS
UI ELEMENT - 60% - 20px
FuturaBT / Medium / 14pt / 19pt height  / CAPS
Text Link
Splide Arrows für Slider

Delete arrows in Contact form
"selection Field"

<style>  select {    appearance: none !important;    -webkit-appearance: none !important;    -moz-appearance: none !important;  }</style>

Settings / Custom Code / Head - ganz oben platziert.
Der Arrow ist gelöscht und muss nun selbst als Background Image (svg - eigener Arrow) im Form Field platziert werden.

100vh auch mit ipad und mobile möglich

<script>
// First we get the viewport height and we multiple it by 1% to get a value for a vh unit
let vh = window.innerHeight * 0.01;
// Then we set the value in the --vh custom property to the root of the document
document.documentElement.style.setProperty('--vh', `${vh}px`);

// We listen to the resize event
window.addEventListener('resize', () => {
 // We execute the same script as before
 let vh = window.innerHeight * 0.01;
 document.documentElement.style.setProperty('--vh', `${vh}px`);
});
</script>

Settings / Custom Code / before <body> tag.
und zusätzlich:

<style>
.element {
height: calc(var(--vh, 1vh) * 100);
}
</style>

In einem Embed auf der jeweiligen Page. Habe das Embed in dem Nav Symbol. So ist es auf jeder Seite. Funktioniert super für das Nav Menü, aber leider sonst nicht.

Splide Slider - Keine Pagination anzeigen

<style>
.splide .splide__pagination {
display: none;
}
</style>

Habe ich in einem Embed auf den jeweiligen Pages platziert. Ganz oben unter der Nav

Blocksatz (Justify content)

<style>
span{
 background-color:transparent;
 width:100%;
 height:1em;
 display:inline-block;
}
</style>

Habe ich in einem Embed auf den jeweiligen Pages platziert. Ganz oben unter der Nav als Symbol.

Zusätzlich: Im Textfeld am Ende ein Wort schreiben und es mit einem Span wrappen.
Die Klasse "Span" vergeben - diese hat  0% Opacity.

Homepage Background About Section über ganze Seite

Dadurch muss jede Section danach Relative sein und einen Z-Index von 10 haben. Muss also über diesem Übergang liegen.

Filter Blog Page

Von dieser Page: https://webflow.com/blog/dynamic-filtering-and-sorting

Die Links sind durch ein Html Embed generiert.

Der "All" Link hat ein "Custom Attribute" in den Settings

Das ist der Code im "Before Body":

<!--- // 1) Connecting MixItUp JS library using public CDN link - Filter Option --->
<script src="https://cdnjs.cloudflare.com/ajax/libs/mixitup/3.3.0/mixitup.min.js"></script>

<script>
var conv = function (str) {
   if (!str) {
       str = 'empty';
   }  return str.replace(/[!\"#$%&'\(\)\*\+,\.\/:;<=>\?\@\[\\\]\^`\{\|\}~]/g, '')
             .replace(/ /g, "-")
             .toLowerCase()
             .trim();
 };
 
 var catArray = document.querySelectorAll('.w-dyn-item .filter-category');
 catArray.forEach( function(elem) {
   var text = elem.innerText || elem.innerContent;
   var className = conv(text);
   elem.parentElement.parentElement.classList.add(className);
 });
 
 var containerEl = document.querySelector('.mix-col-list');
 
 mixitup(containerEl);

</script>

Lightbox Background Color Change

Habe in der Head Section der Blog Template Page diesen <style> eingefügt:

/* turning the lightbox background to white  */
.w-lightbox-backdrop {background: rgba(234,218,197,.9);}

Das ist jetzt ein sandfarbener Background. Leider lassen sich die Arrows und der Pfeil nicht färben. Darum kein weißer Background möglich.
Der Background ist durch das .9 auch etwas opak.

Nav detached from Symbol on about page
ACHTUNG!!!!!

Da das Logo des Instagram Widgets über der Nav liegt, wenn diese nicht den Höchstmöglichen Wert hat, musste ich auf der About Page die Nav detachen und ihr einen höheren Z-Index geben.
Kann nicht auf jeder Seite so sein, weil:
Dann liegt die Nav über der Lightbox.

Aufgehoben 2024 bei Überarbeitung: Insta Widget kam weg!

Happy Couples

Thank you so much for these photos! We really enjoyed reliving the day through your pictures! They are just a dream! Love them so much!! Thank you again for being there and taking your time and I'm sure you put a lot of work into it! We are already thinking about which picture to print out and we can't decide! We are still so happy about the decision to hire you and to have entrusted you with this matter, which is so important and sensitive for us! Many thanks for everything! Stay true to yourself and your style! It's something very special!

We had to find our words first, so the answer took a while. We are speechless how beautiful the photos turned out and that this is really us in these photos! Thanks for this nice afternoon with you, you really took the excitement away and calmed us down. That's probably why the pictures turned out so beautifully, thanks so much for that! We feel like our love for each other shows in these photos, it makes them extra special for us!

Thanks for these beautiful pictures! We are so incredibly grateful that you captured this special day so wonderfully for us. We have looked at the gallery so many times since we received it and we are happy that we can always remind ourselves of the wedding with your photos. But we would also like to say thank you for not only being our photographers that day, but also for looking after us in your warm and calm way. We couldn't have asked for better wedding photographers - it was so great to have you with us. We hope that you will be able to photograph many more couples and make them as happy as we are.

What a surprise it has been seeing your email first thing in the morning! The photos are incredible, you two did such an amazing job, we are beyond happy! The atmosphere that you captured is so calm and genuine, a true unkitschig love story indeed! Also the images with our dog are insanely cute! We can’t wait to show them to our family. We had such a great time with you two as well and are so grateful we got to meet you!

We don't really know what to say. The photos are so beautiful! And they get even more beautiful every time we look at them. The wait has definitely paid off! Thank you very much for capturing our memories of this day so perfectly and lively with your photos. We appreciate not only the photos alone, but also the way they were taken. Your work fitted perfectly into the entire celebration and you both just fit in so well. We were so happy that you were there.

I know I'm repeating myself, but I really never thought that I could enjoy photos so much. And that you somehow managed to really capture US. It's not just couple photos, it's us. I could cry with joy.

We looked at the photo gallery - picture by picture - and we’re incredibly happy. About the fact that you captured our day so beautifully and authentically for eternity. And the fact that we were able to see us, our loved ones and our party through your eyes. We realised again and again with laughter how much we love each other and our companions. There are so many photos that we already want to show our non-existent grandchildren, photos that we believe belong in the museum, and which we will give to all relatives over 45 as annoying photo-mugs. To keep it short: we are happy. And thank you! With all our heart!

Thank you very much for the beautiful photos. We were so excited and just blown away... we laughed a lot after the shoot because it's such a weird and funny experience to be in front of the camera. But you were so cool and did such a good job, that really has to be said. This took the pressure off us and you can see that in the results. We are already looking for photos to print out for our photo wall.

It was our pleasure to dance with you around the fountain, ride U3 loudly like a Sicilian family dressed in silk and shake the bakery while you stood barefoot in the water to capture all the madness and our happiness. How lucky that we found each other on a Viennese winter day and didn't lose sight of each other after all the seasons and changes. Ever since I've known you and seen myself through your lens, I've loved all freckles and oddities in a whole new way and can't imagine anything better than having this day and this celebration framed and captured by you. The thought that friends like you see us through your sensitive eyes and preserve all of this is so much more enjoyable than any iphone flashlight!

As we looked through the photos, we marked the ones we particularly liked as favourites in order to make a limited selection of the ones we would like to have developed. But we have a problem now: 80 percent of the photos are now marked! WOW! We can't believe HOW great the result turned out and we are speechless! When looking at the photos we sat in front of the PC with a permanent grin and we even had to shed a tiny tear. It's exactly what we wanted: a memory for life! We can only thank you and are sure to say: see you soon!

Ok, we are beautiful, our friends and family are also very beautiful, the location’s also magical. But what you have captured there with your talent is magic, it’s a miracle. I see what I felt again, what moved me is immortalised. And thanks for that self-love boost too, you guys are quite talented. And non-noticeable, you make noticeably beautiful picture poetry. Thanks for the abundance. So many! Everything included and everyone!

A thousand times thank you for these great photos! We were so excited and our expectations have been exceeded. So many beautiful and multifaceted pictures, full of emotions and love. We can't stop browsing the photos. Thank you again for taking up the drive from Vienna to Zurich, with these beautiful photos we think it was more than worth it.

Not only did you share this intense moment with us, but you captured and recorded them through your participation. You are absolutely amazing and one of the reasons why parties like this make sense in the first place and why it’s important to celebrate them from time to time. Thank you for being who you are!

Wow! Thank you from the bottom of our hearts. We are so happy and touched. The pictures are just pure magic. When we looked at them yesterday, it was like Christmas and birthday for us, because it is such a great gift for us that you have the talent to capture these intense and loving moments between us so naturally. We never saw ourselves as in these pictures, so I shed a few happy tears. You are just great and with your creativity and your incredible talent you will make so many other couples happy.

… By the way, some guests gave feedback about how great they thought you two photographers were. That you fit into the group so homogeneously so they didn't have the same feeling as usual at weddings where they thought the photographer was after them, but rather as if you were friends who were just there taking photos... : )

We just looked at the photos - and I don't quite know how to put into words how incredibly beautiful we find them - you really did such a great job, I have the feeling that you captured a lot of us - and also implemented the style that we found so beautiful - we want to thank you very much for that!! We’ve already found a lot of favourites and would love to print each one out - and I like myself so much in so many pictures, usually I always have something to complain about - so everything was a success, we are really more than happy!

For us, the day was by far the most beautiful, best and most exciting day of our lives! So good that you were there! The feeling you gave us is simply indescribable! You made it really easy for us! And these photos - I can't believe how incredibly beautiful they turned out! I have goosebumps and tears in my eyes!!!! Thanks for the preview! We can't wait for the rest!!! You did everything right!!!!