![Dragonfly Ave](/img/default-banner.jpg)
- 172
- 159 240
Dragonfly Ave
United States
Приєднався 19 тра 2018
Dragonfly Ave is a web design & development studio, template shop & lifestyle blog for small business owners (especially female founders) looking to launch what they love, make a greater impact & grow their businesses. We strive to provide quality educational resources including tutorials for Wordpress, Squarespace, Shopify, & Showit, alongside resources, design tips and lifestyle videos.
You can get 25+ free resources, including mood board templates, styled stock photos, mockups, checklists, worksheets & more by signing up at dragonflyave.com/free
You can get 25+ free resources, including mood board templates, styled stock photos, mockups, checklists, worksheets & more by signing up at dragonflyave.com/free
How To Round Video Background Corners Squarespace 7.1 with CSS #squarespacetutorial #css #website
In this video, I'll go over how to round the corners in a video background in Squarespace 7.1 with some CSS. You can access the code on our website here: dragonflyave.com/how-to-round-corners-on-background-videos-in-squarespace
It's a quick and easy tutorial and easy to use code. You can change the border radius to fit your needs and look you want to achieve. Hope it helps!
If you're interested in the serenity squarespace template, visit the shop here: www.shopdragonflyave.com/shop/p/serenity-squarespace-template
_______
Subscribe to my channel: bit.ly/3qHMTVs
✨ Access the FREE Resource Library & get 15% off your FIRST shop purchase: dragonflyave.com/free/
Dragonfly Ave Blog: dragonflyave.com/blog/
Dragonfly Ave Shop: shopdragonflyave.com/
☀️ Visit the website: dragonflyave.com/
_______
🌸 Follow Along:
Instagram: dragonfly_ave
Pinterest: www.pinterest.com/dragonflyave
TikTok: bit.ly/3aFsaMp
_______
🦋 Affiliate Links For My Most Trusted Resources:
Squarespace (get 20% off your first subscription): squarespace.syuh.net/dragonflyave
DIVI Elegant Themes: bit.ly/37CiSPd
Adobe Creative Cloud: bit.ly/3unkshy
Adobe XD: bit.ly/3qFJOFq
Flodesk (get 50% off) : bit.ly/3aHCTFS
Shopify: shopify.pxf.io/dragonflyave
Skillshare (get 14 days of premium free): skl.sh/2Frk8a0
Dubsado: bit.ly/2OOBSDx
Tailwind (get 1 month free): bit.ly/3bvO3wG
Quickbooks (get 50% off for 6 months): bit.ly/3aDyUKv
Canva: bit.ly/3ka6nPW
Creative Market: bit.ly/3k9k0Pr
** By making a purchase through one of these affiliate links, I receive a very small commission at no additional cost to you. This helps me continue to create & provide educational content and resources for you. Thank you!
It's a quick and easy tutorial and easy to use code. You can change the border radius to fit your needs and look you want to achieve. Hope it helps!
If you're interested in the serenity squarespace template, visit the shop here: www.shopdragonflyave.com/shop/p/serenity-squarespace-template
_______
Subscribe to my channel: bit.ly/3qHMTVs
✨ Access the FREE Resource Library & get 15% off your FIRST shop purchase: dragonflyave.com/free/
Dragonfly Ave Blog: dragonflyave.com/blog/
Dragonfly Ave Shop: shopdragonflyave.com/
☀️ Visit the website: dragonflyave.com/
_______
🌸 Follow Along:
Instagram: dragonfly_ave
Pinterest: www.pinterest.com/dragonflyave
TikTok: bit.ly/3aFsaMp
_______
🦋 Affiliate Links For My Most Trusted Resources:
Squarespace (get 20% off your first subscription): squarespace.syuh.net/dragonflyave
DIVI Elegant Themes: bit.ly/37CiSPd
Adobe Creative Cloud: bit.ly/3unkshy
Adobe XD: bit.ly/3qFJOFq
Flodesk (get 50% off) : bit.ly/3aHCTFS
Shopify: shopify.pxf.io/dragonflyave
Skillshare (get 14 days of premium free): skl.sh/2Frk8a0
Dubsado: bit.ly/2OOBSDx
Tailwind (get 1 month free): bit.ly/3bvO3wG
Quickbooks (get 50% off for 6 months): bit.ly/3aDyUKv
Canva: bit.ly/3ka6nPW
Creative Market: bit.ly/3k9k0Pr
** By making a purchase through one of these affiliate links, I receive a very small commission at no additional cost to you. This helps me continue to create & provide educational content and resources for you. Thank you!
Переглядів: 157
Відео
Create a 'Scrolling' Laptop Effect In Canva #canvatutorial #canvatipsandtricks
Переглядів 2013 місяці тому
In this video I'll show you how to create a 'scrolling' laptop effect in Canva for social media reels and videos. Now, this solution isn't 'perfect' but it's a good way to create the scrolling effect - you just may need some patience. However, it still is pretty simple to create and you can extend the scroll with more slides in Canva. Hope you enjoy & that it helps! Subscribe to my channel: bit...
How To Create A Sticky Split Section On DIVI Theme Without Code! #divi #wordpress #tutorial
Переглядів 1293 місяці тому
In this video, I'm going over how to create a sticky split section using the DIVI theme without any code. It's a fun and unique design feature that you can customize to fit your own content & needs. Use the scroll effects on DIVI to create the design. Hope it helps and enjoy! Subscribe to my channel: bit.ly/3qHMTVs ✨ Access the FREE Resource Library & get 15% off your FIRST shop purchase: drago...
How To Add An Image To The Announcement Bar in Squarespace 7.1 #squarespacetutorial #css
Переглядів 533 місяці тому
In this video tutorial, learn how to add images to the Squarespace announcement bar with some CSS. You can find the code and copy and paste it to your site on our website here: dragonflyave.com/how-to-add-an-image-on-the-announcement-bar-in-squarespace-7-1! #squarespacewebsite #WebsiteDesign #Tutorial #AnnouncementBar #css #squarespacecode #webdevelopment Subscribe to my channel: bit.ly/3qHMTVs...
How To Trim, Animate & Add Transitions To Videos Using Canva #canva #tutorial #canvatutorial
Переглядів 2018 місяців тому
In this video I'm walking you through how to trim, animate and add transitions to videos using Canva so you have more professional videos. These tasks are easy to do and take less than a minute each so you can easily take your video editing to the next level. Please note some features may require a Canva pro subscription. Hope this help and enjoy! Subscribe to my channel: bit.ly/3qHMTVs ✨ Acces...
How To Create An Animated Typewriting & Handwriting Effect On Canva #canva #animation #tutorial
Переглядів 1,6 тис.8 місяців тому
In this video, I'm walking you through how to create an animated typewriting and handwriting effect on Canva that you can use for social media videos, youtube videos and more! It's a simple and easy way to add some movement to your videos and create cool effects quickly. You may need the Canva pro version for some of these tools or for certain fonts, elements and videos. Check it out and hope i...
How To Add A Pop Up & Announcement Bar In Squarespace
Переглядів 2689 місяців тому
How To Add A Pop Up & Announcement Bar In Squarespace
How To Set Up Product Categories, Summary Blocks In Your Squarespace Store #squarespacefluidengine
Переглядів 7669 місяців тому
How To Set Up Product Categories, Summary Blocks In Your Squarespace Store #squarespacefluidengine
How To Add Sidebar To Your Blog Without Code On Squarespace Fluid Engine #squarespace #tutorial
Переглядів 3119 місяців тому
How To Add Sidebar To Your Blog Without Code On Squarespace Fluid Engine #squarespace #tutorial
How to set up your product shipping for your store in Squarespace #squarespace #ecommerce #tutorial
Переглядів 2,3 тис.10 місяців тому
How to set up your product shipping for your store in Squarespace #squarespace #ecommerce #tutorial
How To Add Borders To Shapes & Images in Squarespace Fluid Engine with CSS #code #squarespace
Переглядів 840Рік тому
How To Add Borders To Shapes & Images in Squarespace Fluid Engine with CSS #code #squarespace
How To Make Basic Edits with Pagefly (a Shopify Page Builder) #howto #shopify
Переглядів 268Рік тому
How To Make Basic Edits with Pagefly (a Shopify Page Builder) #howto #shopify
How to install the Pagefly app on your Shopify store #howto #shopify #pagefly
Переглядів 172Рік тому
How to install the Pagefly app on your Shopify store #howto #shopify #pagefly
How The Pagefly App Integrates with Shopify To Build Better E-Commerce Websites #shopify #website
Переглядів 112Рік тому
How The Pagefly App Integrates with Shopify To Build Better E-Commerce Websites #shopify #website
How To Set Up Links & Buttons in Pagefly Shopify Builder #howto #shopify
Переглядів 1 тис.Рік тому
How To Set Up Links & Buttons in Pagefly Shopify Builder #howto #shopify
How To Import A Template Into The Pagefly Shopify App #shopify #pagefly
Переглядів 1,1 тис.Рік тому
How To Import A Template Into The Pagefly Shopify App #shopify #pagefly
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
Переглядів 2,6 тис.Рік тому
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
Переглядів 80Рік тому
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
Accept the invite to your squarespace template
Переглядів 64Рік тому
Accept the invite to your squarespace template
Making Backups of Squarespace Template Pages
Переглядів 13Рік тому
Making Backups of Squarespace Template Pages
All About Canva Websites #canva #canvawebsites
Переглядів 1,1 тис.Рік тому
All About Canva Websites #canva #canvawebsites
How To Use The Canva Video Background Remover #canva #videoediting #backgroundremover
Переглядів 17Рік тому
How To Use The Canva Video Background Remover #canva #videoediting #backgroundremover
How to create a ‘scrolling’ animation in Canva #canva #scrollinganimation #canvatips
Переглядів 46 тис.Рік тому
How to create a ‘scrolling’ animation in Canva #canva #scrollinganimation #canvatips
How to add accordions or toggles in Squarespace #squarespace #nocode
Переглядів 415Рік тому
How to add accordions or toggles in Squarespace #squarespace #nocode
How to change fonts & colors in ShowIt #showit #showittutorial
Переглядів 470Рік тому
How to change fonts & colors in ShowIt #showit #showittutorial
How to create mockups in Canva #canva #mockups
Переглядів 53Рік тому
How to create mockups in Canva #canva #mockups
5 Cool Features of Squarespace Fluid Engine #squarespace #squarespacefluidengine
Переглядів 69Рік тому
5 Cool Features of Squarespace Fluid Engine #squarespace #squarespacefluidengine
How to make a moving slider in ShowIt #showit #showittutorial #slider #webdesign
Переглядів 1,5 тис.Рік тому
How to make a moving slider in ShowIt #showit #showittutorial #slider #webdesign
How to Remove Backgrounds in Photos Using Canva #backgroundremover #canva #canvatipsandtricks
Переглядів 12Рік тому
How to Remove Backgrounds in Photos Using Canva #backgroundremover #canva #canvatipsandtricks
So helpful! Best tutorial I've found explaining this effect. Thank you!
THANK YOU!!! I've been wanting to do something like this for a client's website! So excited that I can do it now!
Thanks so much! So helpful!!
Thanks so much for this tutorial! Exactly what I needed to create the video effects I was looking for. Thanks again!
bullshit tutorial
This tutorial saved my assignment
this seems to only help if you already have the photos in the squarespace library. what if they are in my iphoto library and I want to do the same thing, drag and drop them to squarespace. doesn't look possible
This step by step tutorial was so helpful
lifesaver!!
What if you have a third party shipping like Pirate Ship? How can the rates show through Squarespace once customer is about to place the order?
can i use pagefly to edit a template i uploaded on shopify?
Oh grouping there is no option on the phone i guess when highlighted the box and text
When i increased my time it just goes super slow no matter how fast i set the drift speed and also it only drifts the one for a bit then starts going back drifting the other way. Not continuously like here.. i just wanted to add a banner of moving text to a website.. does anyone know why ?
This is awesome. Your voice, cadence, vibe is so comforting and real. THANK YOU. and obvi the info is solid.
how did you highlight both options, it lets me click on the text or the box but not both
is there a way to present work, and have it scroll from one art piece to another? without someone having to scroll manually? Like a moving page?
Exactly what I needed. Thank you for the quick and concise video!
Thank you!
Heyyy, would this work for email marketing??? And can I use photos instead of txt?
Do you know how to increase the animation time? Mine only plays for 5 seconds and I can't seem to make it longer?
hi did you find out how to increase the time?
drag the video length to right
why do you add the flodesk form into shopify when you can send all your email contacts to flodesk? Is it because you have more options?
Thanks for this. Exactly what we were looking for to show kind words from couples.
This is a super helpful tutorial! Thank you so much! I appreciate it! :)
Thank you for the tutorial!
congrats. very simple explanation and it works very well
Here we are the quotation marks changed: <div class="marquee"> <div class="track"> <h3><a href=""> Reunificación familiar Mobility Visas Permisos de residencia Asesoría migratoria</h3> </div> </div>
this is a pretty nice tutorial, but can you make another one demonstrating how to link the button to another artboard/link? as in, when you press the button it redirects you somewhere else. thanks!
I’m selling things that are sent out by a flat rate usps large box. We’re not charging customers full shipping fees per usps, but like if they order say two sets of items in one order, I’d need obviously the shipping to be charged twice, not once like this seems to show. I’m so confused now on how to create a shipping cost that’s not generated by the post office. I’m Eating some of the shipping cost right now just to help get products out, hence why I don’t plan to charge $18 dollars a box, even though it technically is. Anyone able to help me make sure if customer orders multiple items they’re going to be charged proper shipping aka per box.
Is there a way you can scroll up or down a list of names like credits at the end of a movie? Im make a honour roll and i want it to run different names but continue..
how about if someone adds more than one item in the cart does the shipping cost from the (weight) add up? how would you customize it from the shipping option section?
It's not working for me- anyone know why? Thanks!
Amazing tutorial! Thank you!
Didn't work :( Do you have updated CSS for 7.1?
Perfect! Thank you so much!!😀
The cursor is working, but the cursor on hover isn't always. Sometimes it isn't and sometimes it's working. What am I doing wrong?
Hiya, please could you share some more divi tutorials. thanks.
Sooooo.... the answer is no? They don't have a scrolling text bar
Great tutorial only problem I Found was looking at the site on mobile the banner doesn't stay within the set width and you can zoom out to see all the words, is there any fix to this ?
Thanks for the tip. The more I like to give you the tip, that you can rearrange items in the mobile view, even after you set your desktop view. So it is possible to put the sidebar on the left side, then switch to mobile view and just drag the the sidebar elements below the article. Both states are saved seperately.
Worked for my squarespace website perfectly ! Thank you so much !
but strangely it cannot clic on the buttons of the menu on top :(
Thanks
Where can I find this?
Really very helpful, in just 3 minutes! Thanks for going straight to the steps! Thank you so much! Great video!
Do you have a video on how to embed a popup from flowdesk into divi builder?
How did you change the color of a specific word on a text box on Showit? or is your thumbnail from Canva?
EASY FIX: Her font on the websites causes the code to be pasted with a quotation mark style that Divi cannot read. Therefore go back inside the code module > Replace the quotation marks with new ones > and it should work
This worked. Thank you!
I tried this but no luck getting my pics and countdown over. Do you think it works bc its a MacBook?
I'm trying to do this for a Canva website design.... but it only drifts for a couple of seconds then bounces back the other way and then stops!? I've got Pro, how can I get this to work for me? ☹
hey hey, in the video she says it's ok if you do the text without grouping it into a box, but actually, you need to do it. I was having your same problem as I was highlighting the text to create the box effect rather than adding a square under it and grouping them, and I could only get that bouncy effect. If you group the text and the box, the effect works ;)
@@mr.goodriddance This doesnt work too
Hi, I created my workflow and once I fill in opt-in form my freebie is not being sent can you please help? :(