Does it work with full weight image (one column)? Under the “Content” settings, add your text and a link, if you plan on using one. ">. the title and description its just blank. Topic: HTML / CSS Prev|Next Answer: Use the CSS z-index Property. Any suggestions on fixing this? This is another method for working with Responsive sizes. Recipe #7 is again something I have seen asked in the Facebook groups quite frequently lately. That’s actually easier as it doesn’t require jquery. Great resource Michelle, I used your Fade CSS to make the hover effect I needed (after a LOT of work). Thanks. First picture is the test picture! The video . Yes the rgb values are set in the css so just change those to what you need, Thank you for the tip, it looks cool! Is it possible to use the image module instead of the text or code module and achieve the hover effect? Now it's just a simple case of switching back to our DIVI builder and putting the code in the right place in our DIVI text module. Upload 3 images in your media library that you want to see when you hover over a column. Do you have a link please so I can see where you have made an error? So find this part of the original code (dependant on the effect you are using): .ds-hover-1::before { content: attr(ds-desc); And underneath add white-space: pre-wrap; So it looks like this .ds-hover-1::before { content: attr(ds-desc); white-space: pre-wrap; Obviously keep all the other CSS that is there. Upload directly to the Divi Overlay edit screen by clicking on the portability icon (up and down arrow) on the right side of the Divi Builder. But, how can I add a second paragraph in ds-desc? Therefore I have edited the demo file and used the code module instead. Quick Question, I used the shutter effect on a client proof, and it is not showing properly when they view it on IE11….do you know of any compatibility issues with internet explorer? I had this installed, color changed, and working in about 20 minutes. content: attr(ds-desc); – Very cool with loads of possibilities. If you like to style and customize the Divi blog module, be sure to check out the many tutorials we have been doing in our Divi Blog tutorials. Is this possible? The edges are top, left… This is looking crazy on iPad, though. I know I replied to you on my Facebook Page but just for everyone elses’ benefit, if you are having trouble with WordPress striping out the tags as is happening in this instance, then just use a code module instead of a text module and all should be fine. I love this tutorial. I am new to DIVI new to wordpress actually but I managed to get this working straight away , just one issue I am encountering is a space after this module and before my next module . Founded by Michelle Nunan, a full time Divi educator and child theme developer, Divi Soup aims to bring useful tutorials, tips and tricks to both new and experienced Divi users. However I am having an issue whenever I try to copy and paste this css into Divi it just keeps trying to save but never actually does. I have one more question, if you can help me. Thanks again – so helpful. Have you set the image to use within facebook? Thank you very much! This isn’t a free resource, but you get a lot with membership. Thank you so much! Divi Academy Membership gives you exclusive access to over 110 resources, including child themes, layouts, cheatsheets, tutorials, live training and member perks. Likewise, user then hovers over “Accessibility” and the image on the right should change to match visibility content. You can still use a single module since the the styling is defined by the a class being used. UPDATE: It seems that WordPress has been up to its usual tricks again of striping out code from the text module on import. Hi Michelle, like everyone says these effects are superb but unlike everyone else I just cannot get them to work. If no joy then use chrome dev tools to inspect the element so you can see specifically what you need to target, Hi Michelle, the effect looks great on desktop. I’m going crazy trying different methods of changing the CSS because adding to the html doesn’t work. Thanks so much for sharing this! The row will be full width and gutter width will be 0. Thanks very much for your reply, I’ll give this a try! ">, , Kc Rebell Tour Abgesagt, Wizzair Friedrichshafen - Skopje, 1000 Fragen Liste, Griechische Sagen Hörbuch Kostenlos, Am Ende Des Tages Herkunft, Jury Dsds 2020 Oana, Formen Des Zusammenlebens,