I’m getting it to work on page load, but I’m guessing the menu links change class on scroll and I need to apply the above css to that one as well . I have created this div on the top left of my website, which contains the logo. Ich hab das im Video einmal durchgespielt für alle Ebenen. Don’t forget to make it a primary menu. Das kannst Du sehen, wenn Du einfach am Rechner die rechte Seite Deines Browserfensters nimmst und langsam immer weiter nach links ziehst. In WordPress habe ich unter Einstellungen/Allgemein/Sprache auf Englisch gestellt, auch wenn ich Deutsch haben wollte. I want to scroll div2 on mouse scroll without scrolling div1 and div3. Vielen lieben Dank. Da würde ich einfach mal in den Einstellungen schauen – oder das Plugin deaktivieren und prüfen, ob das Problem immer noch vorhanden ist. Dennoch ist Divi in Englisch. Irgendwie ist das bei mir mal Englisch und mal Deutsch. The kind of menu that changes when scrolling down. I have the ps2id on every one of the main section “divs” or boxes in Divi Visual Builder Tool. 5 Oktober 2009 12 0 0. aus Word heraus? Hat vielleicht jemand einen Tipp? Wenn Du den Text vorher in einen Editor packst und von dort aus wieder direkt kopierst, kann das vielleicht die Lösung sein. Wenn ich’s richig verstanden habe, sollte eine Umstellung des DIVI-Themes (Backend) auf Deutsch möglich sein. Finde ich dies an einer anderen Stelle oder sollte ich das Theme noch einmal neu installieren? Falls davon nichts hilft, könntest du, wenn Du magst, Dein problematisches Layout aus Divi exportieren und mir schicken. Hallo Nils, hast Du die oben bereits mehrfach genannte Lösung auch schon ausprobiert? unglaublich. „Übersetzungen deaktivieren“ sorgt dafür, dass keine Begriffe des Themes übersetzt angezeigt werden. Woran liegt das? Öffne ich den Divi sind sie da, schließe ich ihn sind sie weg. Dashboard steht auf Deutsch. Yes, highlighting does not work. ich konnte so etwas bisher nicht beobachten, daher habe ich keine weiteren Anregungen für solche Fälle – außer den Elegant Themes Support da einen Blick drauf werfen zu lassen. erstmal vielen Dank für die ausführlichen Tutorials, sie helfen mir echt weiter. Ich habe das gleiche Problem. große Seitenabstände, die im Desktopmodus durchaus sinnvoll sein können, für die Telefondarstellung viel kleiner setzen. Soweit ich das sehe, nutzt ihr gar keine dieser Shortcodes auf eurer Website. Eine passende Logo Vorlage namens logo.psd oder logo_blank.png findet sich im Ordner /psd/ des Themes. Google Maps leitet von allen Webseitenlesern die IP weiter, und genau das darf nach dem DSGVO nicht passieren. Jetzt befindet diese sich nicht mehr in den Divi Theme-Optionen, sondern ist im Designmodifikator unter „Allgemeine Einstellungen“ > „Website Identität“ über die Option „Website-Icon“ zu erreichen. Hier kannst Du für die Shopseiten- & Kategorieseiten bestimmen, ob die Sidebar links oder rechts oder sogar gar nicht angezeigt werden soll. Sowohl beim Child, als auch bei Divi gibt es bei meiner Version z.B. vielen Dank! I found that, in order to make the highlight apply to the correct menu item, each sections need to be long enough to fill the screen. Within the Advanced tab, decide on the different CSS IDs you want to use for your sections. Gruß Bernd. In Divi unter „Theme Options“: „Disable Translations“ ist NICHT aktiviert. Built to get you more shares and more followers. ich bin absolute Anfängerin und benötige Hilfe bei der Umsetzung. If you already have a primary menu, you can work on that one. über den vorgenannten „nach oben“ Button zu einer Stelle auf der Seite gesprungen werden soll. Hallo, After that, don’t forget to activate the plugin as well. Archivseiten festlegen: Es folgt eine Reihe an verschiedenen einzelnen Einstellungen. Das kann insbesondere in den Einstellungen hilfreich sein, falls man sich englischsprachige Tutorials zum Divi Theme ansieht. Moving on, let’s enable the fixed navigation of your website. If you are adding custom styling to Divi, sometimes you may notice that you get a horizontal scrollbar across the bottom of your browser window, or on mobile devices you are able to move the content left and right on the screen. In diesem Fall kümmert sich Divi NICHT um die Spracheinstellungen von WordPress! auf Plugins, die dies DSGVO-konform erledigen ausweichen. Habe noch mal eine Frage an Alle… I had the same problem with highlighting. Wenn der „Blog-Modus“ aktiviert wird, werden in Beitragsübersichten statt ein gekürzter Text der volle Beitragstext angezeigt. Etwa ab Minute 22 geht es um die weiter unten beschriebenen Divi Theme-Optionen: In diesem Bereich werden grundsätzliche Einstellungen für das Divi Theme gesetzt, die wir Dir im einzelnen erläutern werden. Click on Pages > Add New and click on “Use The Divi Builder” button at the top of the editor (just below the title field) to edit the page using Divi page builder. LG Maria-Anne. Dann erscheint links daneben ein kleines Smartphonesymbol und wenn Du hierauf klickst erhältst Du über der Einstellung drei Reiter namens „Desktop“, Tablet“ und „Telefon“. Dann in Divi unter „Theme Options“/„Disable Translations“ hin und hergeschaltet, zum Schluss aber nicht aktiviert. Wir sind keine Anwälte und bieten mit diesem Kommentar keine Rechtsberatung. Once you’ve done that, you’ll notice the different options that help you determine how the active links will behave on your website. Know that, in order for it to work, you’ll have to assign a different CSS ID to each one of the sections on your one-pager. It can be easily done by using the overflow property. Maria-Anne. Da könnte der Hase im Pfeffer begraben liegen. Weitere Informationen zur Blogansicht finden sich in unserem Artikel zu den Divi Blog Standardoptionen. Viel Glück. Klingt etwas ungewöhnlich, aber wenn es funktioniert ist es ja gut. >> But does it also work on horizontal menu? D.h. es gibt eine Anpassung der Darstellung für Tablets und für Smartphones. Ich bin bezüglich Divi World noch ein Neuling. Ich gehe gerade mit eurem Tutorium die Grundeinstellungen durch und habe die Frage, ob ich die Einstellungen beim Divi Child einbringe oder bei Divi? Hat sich erledigt. Hi, is there some code that I can put in the custom CSS section that does the following: I have a primary menu and a fixed navigation menu, what ends up happening now is that my fixed navigation menu turns all white(or any color that i set it to) and doesn’t highlight the current section. You only have to make one very simple adjustment. Diese hat jedoch wenig mit html zu tun. das sollte mit Hilfe des Divi 4.0 Theme Builder möglich sein. A prominent feature of the Divi Theme is the responsive header which starts off large, then shrinks to a smaller version as you scroll down. ich versuche nun schon seit Stunden die Shopseite schöner zu gestalten. Das ist selten erwünscht und unschön. We don’t want this, it doesn’t look good! Note: As mentioned in the introduction of this post, you won’t be able to see the changes you’ve made while you’re previewing the page. Ich habe folgende Einstellungen gemacht: Unter Divi – Theme Optionen – Fortgeschritten die Erzeugung der statischen css ausschalten. Live Link I tried this → overflow-y: auto; height: 100px; Target: I want to set a vertical scroll on the left sidebar that has content. Du wirst sehen, dass sich ab einem bestimmten Punkt die Darstellung verändert. Falls Du konkrete Fragen oder Probleme hast, solltest Du Dich an einen Anwalt wenden. Auch wenn es kritikwürdig ist: Theme Übersetzungen werden auch bei bezahlten Themes meist sehr stiefmütterlich behandelt. schön, dass ich diese Seite gefunden habe… und danke, dass es diese Hilfe gibt. Vielleicht wisst Ihr ja mehr darüber? Sehe auch im Theme Customizer vollkommen anderes: keine Texte, keine Bilder und eine falsche Struktur. Danke @Regin . But the product section is more than full-height and it causes the script jump over a part of product details section. Ich würde mich jedenfalls freuen, wenn einer von den Betroffenen die Lösung finden, es hier in den Kommentaren posten könnte. }. ich habe ein Problem. Once you’ve activated the plugin, you’ll need to use the right settings. Next up, it’s time to create the menu items and make sure they’re in line with the sections and with the Page Scroll to ID plugin. Wenn Du im Adminbereich auf „Divi“ > „Theme Optionen“ gehst und dort auf dem ersten Kartenreiter „Allgemeines“ steht und der zweite Einstellungspunkt „Feste Navigationsleiste“ benannt ist, ist Dein Divi bereits auf Deutsch eingestellt. How to Make a Div Vertically Scrollable CSS allows us to make a
vertically scrollable. Mit „Erstes Bild aus Beitrag verwenden“ wird automatisch jeweils des erste Bild in einem Beitrag als Beitragsbild (engl. Wie kann es sein das bei einem bezahl theme seit über 9 Monaten Übersetzungsfehler nicht behoben sind ? Sofort wird die gesamte Formatierung wieder auf linksbündig gestellt. Wenn Du niemanden in Deinem Umfeld hast, der sich damit auskennt, solltest Du eine Supportanfrage direkt bei Elegant Themes stellen. Hallo Nils, Und von den Webseiten-Betreibern hat kaum Jemand eine Vereinbarung (einen Vertrag) mit Google. Es gibt nicht viele alternative Kartenanbieter: ich weiß nur von Open Street Maps und Bing Maps. By default the fixed header height in Divi shrinks down the menu and logo when you start scrolling down the page. Die Lösungsvorschläge habe ich bereits versucht, hat aber leider nichts geändert. Weitere Information findest du in unserem Artikel zum Datumsformat im Divi Theme. Featured Image) des Beitrages verwendet. Was kann man tun? von height: 0px zu height: 100px, aber nicht von height: 0px zu height: auto.. Ab IE10 unterstützen die Browser CSS transition ohne Browser-Präfix. "Divi is a pretty awesome theme, the menu on Divi come with a tonne of options but most people will stick with the standard fixed menu which out the box is great. Scrolling Image This module will display an image that will vertically scroll when hovered on. But only one and the wrong one , I just tried it out and the highlighting works perfectly well here, even when manually scrolling. Den Support habe ich noch nicht gefragt, aber inzwischen eine mögliche Lösung in einem Forum gefunden. (so was wie den Pinsel in word?). Mit der Option „reagierende Shortcodes“ passen sich per Elegant Themes Shortcodes eingebundene Elemente der Größe des Anzeigedisplays an (Responsive). Ich würde mich sehr freuen, wenn ich hierzu Rat bekäme. Desgleichen, wenn ich vom Visuellen Editor auf den Divi Builder wechsle. Ich habe die empfohlenen Buttons deaktiviert und im Moment funktioniert es. Nach der Einführung ist es ja bisher alles sehr viel ruhiger vonstatten gegangen als es vorher vorausgesagt wurde. The Divi Chef child theme was designed with restaurant websites in mind. Um eine „Änderung zu provozieren“ habe ich gestern extra auf Englisch geändert. Es handelt sich aber um den aktuellen Zustand und die Bezeichnung müsste eigentlich „Aktiviert“ oder „Deaktiviert“ lauten. Bloom: Divi Popup Plugin Test & Anleitung 2021, Theme Builder: diese Funktion ist Ende 2019 hinzugekommen, weitere Infos findest du in unserem. Jedoch ist alles auf Englisch. „Weiches Scrollen“ aktiviert eine „weiche“ Animation, wenn per Anker Link oder z.B. Nach einer vollständigen Neu-Installation war das behoben. For example, the majority of our popular Divi plugins are custom post types. Minify And Combine Javascript Files If you’re on your WordPress dashboard, go to Divi > Theme Options > Scroll down the General tab and paste the following lines of CSS code in the Custom CSS box: Besides that, we’ve also used an overlapping transparent menu, which we’ve handled more in detail in this post. Über das „Datumsformat“ wird bestimmt in welchem Format das Datum angezeigt werden soll. I have only a primary and a secondary, but the primary is the one controlling the scrolling to anchors. ich habe die gleichen Probleme. Customizer) aktiviert auch in der sekundären Menüleiste. If you're looking for someone to help you tell your company's story, she'll know how to handle it. Allerdings solltest du auch nochmal in den Divi-Optionen nachsehen, dass dort „Übersetzungen deaktivieren“ nicht AKTIVIERT ist. Fluid typography is web text (or font size) that scales fluidly with the width of the browser. Ich habe schon 2 HPs mit DIVI gestaltet, bei der 3. habe ich ein besonderes Phänomen: Die Startseite und auch viele weiteren Seiten haben eine gleichen Kopf, den habe ich in der Bibliothek gespeichert und mir so jedesmal „reingezogen“. Nix zu machen … bleibt einfach auf englisch… ;(. Customizer) unter „Header & Navigation“ > „Primäre Menüleiste“ die Option „Logobild verbergen“ aktiviert werden. Den Browser-Cache habe ich schon gelöscht, ist aber derselbe Effekt. Zu den Formatierungsproblemen kann ich Dir leider keinen Tipp geben, das ist mir so nicht bekannt. Habe allerdings eine meiner Homepages schon umgestellt (im Hintergrund – noch nicht freigeschaltet). Irgendwo haben ein paar Schreibrechte gefehlt. Disclaimer: Wir schreiben unsere auf Erfahrungen und eigener Recherche beruhenden eigene Meinung. die Einstellung Favicon nicht. In today’s tutorial we’re going to show you how to style your vertical navigation links so that as a visitor scrolls down the page, the menu link corresponding to the section they’re in will highlight. Hallo, Sogenannte Anker-Links, also Links auf einer Seite, die auf eine bestimmte ID bzw. Oder habe ich bei der Installation etwas falsch gemacht? Kommentar document.getElementById("comment").setAttribute( "id", "a25029359986627e94ca0de89750e6fb" );document.getElementById("j31c1f5f3b").setAttribute( "id", "comment" ); Deine E-Mail-Adresse wird nicht veröffentlicht. @Donjete and @Mak In this example, we’re using ‘home’ as our first CSS ID. The ScrollView manages the position of its children similarly to a RelativeLayout but does not use the size_hint.You must carefully specify the size of your content to get the desired scroll/pan effect.. By default, the size_hint is (1, 1), so the content size will fit your ScrollView exactly (you will have nothing to scroll). Ich hab das hier mal schnell für die aufgezeichnet: https://d.pr/i/yFyJHm. In dem Feld „Benutzerdefiniertes CSS“ kann spezieller CSS-Code eingetragen werden, der über die gesamte Website ausgeliefert wird. Once you’ve enabled the CSS classes for your menu items, you can go ahead and manually link the Page Scroll to ID class to each one of the menu items. UPDATE 7th May 2018: Recipe #23 – How to create a scrolling image carousel continues to be the most popular recipe on Divi Soup.We know there are some issues with browsers like Microsoft Edge, due to updates within the application. Divi full page section and scroll to next section with mousewheel Step 1: Create a page. „Weiches Scrollen“ aktiviert eine „weiche“ Animation, wenn per Anker Link oder z.B. Also per CSS z.B. Copy the folders JS and CSS inside your child theme folder. This method works particularly well if you’re creating a one-page website. Hallo, It’s a nice little effect that adds a bit of interactivity between your web design and the user’s behavior. Jedenfalls hat die DSGVO mich und auch meine Kunden verunsichert. Danach in WordPress die Sprache wieder auf Deutsch gestellt. Viele Grüße In WordPress Einstellungen/Allgemein/Sprache: Deutsch. kann mir jemand helfen? ich habe heute das DIVI installiert. Achtung: Wir erhalten immer mal wieder Rückmeldungen, dass die deutsche Übersetzung der Divi Optionen nicht angezeigt wird. gibt es eine Sache, die sich mir nicht erschließt: Ich würde gerne alle Bereiche der Website in einem einheitlichen Grauton färben. Das funktioniert in den Modulen bei den Einstellungen, die unterschiedliche Einstellungen für verschiedene Darstellungsmodi bieten, indem Du mit der Maus über den Titel der Einstellung fährst wie z.B. Can this be used to create a sticky secondondary menu? She helps clients bring the right content to the right people. das DIVI-Child-Theme werden mir auch heute weiterhin in Englisch angezeigt. Hierbei sollte man sich sicher sein, dass das erste Bild groß genug ist, damit dies in Übersichten nicht grob verpixelt erscheint. Divi arbeitet von Haus aus mit einer responsive Darstellung der Elemente. Ein KUnde von mir hat sich so eine Vertrag von Google schicken lassen, 17 Seiten… Wir haben dazu mittlerweile einen eigenen Artikel veröffentlicht: Divi Theme Probleme lösen: Darstellung & Formatierung, Hallo Nils, Disabling the Fixed Divi Header hallo, ich habe plötzlich das problem, dass trotz gesetzter anker die ziele nicht korrekt eingehalten werden, d.h., die seite rutscht immer ein bisschen nach – so ist nicht der beginn eines kapitels mit headline und lauftext sichtbar, sondern das ziel liegt in den 3. oder 4. zeilen des lauftextes. Der Button „Nach oben“ wird eingeblendet, so dass man jederzeit per Mausklick schnell wieder ohne langes Scrollen an das obere Ende einer Seite gelangen kann. There is a minor bug in the Divi Theme which causes the horizontal scroll bar to be shown and allows the user to scroll a little bit past the edge of the main blog. In WordPress unter Einstellungen ist die Sprache der Webseite auf Deutsch (Österreich) eingestellt. Die Auswahl für „Shopseiten- & Kategorieseiten-Layout für WooCommerce“ ist nur wichtig, wenn du einen Shop mit dem WooCommerce Plugin betreibst. I am fighting with product page in Divi. Man hat dann zwei Möglichkeiten Manche sind es noch von den Iframes gewohnt, dass man den Inhalt eines bestimmten Seitenbereichs scrollen kann. D.h. wenn es Probleme gibt lohnt es sich immer mal sowohl den Browsercache zu löschen als auch die Caches eines möglicherweise installierten Cachingplugins auf der Divi Website zu löschen. die Option „Reagierende Shortcodes“ hat erstmal nicht direkt etwas mit der Darstellung des gesamten Themes zu tun. To show you how you can make the changes, we’re going to recreate our example vertical navigation. „Aktivieren“ bedeutet in Wirklichkeit „Aktiviert“ und dass die jeweilige Funktion eingeschaltet ist. danke für die schnelle Hilfe. So bietet z.b. „Minify And Combine Javascript Files“ sorgt dafür, dass alle Javascript Elemente zum einen kombiniert und platzsparend verkleinert werden. Diese erscheinen im Footer der Website und falls im Designmodifikator (engl. Wo kann man denn die Shopseite individuell gestalten z.b. Ich habe auf meiner Startseite das Kontaktformular mit einem Anker hinterlegt. Nun zur eigentlichen Frage: In HTML kann man sogenannte Image-Maps (verweissensitive Grafiken) erstellen. Wir halten uns weitgehend an die Auslegung des bekannten Rechtsanwaltes Dr. Schwenke, der eine Nutzung von Google Maps in DSGVO-konformer Weise als möglich betrachtet (siehe seine eigene Datenschutzerklärung und entsprechende Passagen, die sein von Privatpersonen kostenfrei nutzbarer Datenschutz Generator erzeugt). … zu finden im Administrationsbereich unter Divi > Theme-Optionen (relativ weit unten). Featured Image by Yurlick / shutterstock.com. Beim Wechsel zwischen visuellen Builder und Divi Builder verschwinden immer mal wieder alle meine Formatierungen. U.a. The CSS Class, however, is the same for each one of the sections and helps you link the section to the Page Scroll to ID plugin. Wir können nicht für die Korrektheit unserer Meinung garantieren. Die Einstellungen für das Favicon muss Elegant Themes irgendwann in den letzten Monaten geändert haben. Hallo Jürgen, Now, you need to open your child theme functions.php with editor and replace the following code : Get a FREE Header and Footer for Divi’s Engineering Firm Layout Pack. Divi’s global presets help you speed up... Posted on February 11, 2021 by Jason Champagne in Divi Resources. Aktionstag: Wir unterstützen Dich mit Divi und Deiner Website! If not, you can type down the title and create a new menu. Posted on February 13, 2021 by Randy A. Irgendwie .. ist mir das unverständlich … vielleicht könnt Ihr Euch das erklären. Dann sollte man zunächst prüfen, ob zum einen in den Worpress „Einstellungen“ unter „Allgemein“ auch Deutsch als Sprache gesetzt ist und natürlich sollte die vorgenannte Einstellung „Übersetzungen deaktivieren“ deaktiviert sein. Oh ja, vielen Dank für den Hinweis. Dann lassen sich die jeweiligen Optionen besser identifizieren als wenn man nach der wie immer gearteten deutschen Übersetzung suchen muss. Once the possibilities appear, enable the CSS classes. To go to the settings, click on ‘settings’ right below the plugin name. In this article, we’ll take a look at the Divi Chef child theme and see what’s included to... Posted on February 12, 2021 by Donjete Vuniqi in Divi Resources. ich habe mir deine Website mal mit den Chrome Developer Tools angesehen und im Code nach Videoeinbindungen geschaut. For those having a hard time picturing this effect in their mind, we’ve provided a preview below. Habe die Lösung gefunden. Hoffe mal, dass es so bleibt. Bin mit Divi noch Anfänger, habe es installiert und die ersten Einstellungen durchgeführt. Deine E-Mail-Adresse wird nicht veröffentlicht. Thanks a lot! Wobei die Einbindung in WordPress ja entweder direkt durch einen iFrame oder mittels eines Plugins erfolgt. The World's #1 WordPress Theme & Visual Page Builder. Download a FREE Global Presets Style Guide for Divi’s Brokerage Firm Layout Pack, The Complete Guide for Creating Fluid Typography in Divi (6 Methods), How to Get Started With Facebook Paid Advertising, 12 Social Media Books Website Owners Should Be Reading In 2021, 5 Best WordPress Maintenance & Support Services, Always scroll smoothly when reaching the end of the page/document: Yes, Stop page scrolling on mouse-wheel or touch-swipe: Yes, Allow only one highlighted element at a time: Yes, Keep the current element highlighted until the next one comes into view: Yes, Append the clicked link’s hash value to browser’s URL/address bar: Yes, 0 milliseconds delay for scrolling to target on page load, Prevent other scripts from handling plugin’s links (if possible): Yes, Dropdown Menu Background Color: rgba(255,255,255,0). To pull this design off we’re going to begin by making use of the free and well-rated Page Scroll to ID plugin which you can find here. Hier solltest du Dich lieber genauer informieren und ggf. We’ve tried everything! We’ve been trying to get this to work, and the scrolling is perfect, however cannot get it to highlight the correct section when manually scrolling the page. In this tutorial, we’ve shown you how to create an interactive vertical navigation menu for one-pagers.