Dragonfly Ave
Dragonfly Ave
  • 172
  • 159 240
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!
Переглядів: 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
Subscribe & Launch
Переглядів 3Рік тому
Subscribe & Launch
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

КОМЕНТАРІ

  • @heyitsjo_
    @heyitsjo_ 16 днів тому

    So helpful! Best tutorial I've found explaining this effect. Thank you!

  • @Gemlin300
    @Gemlin300 Місяць тому

    THANK YOU!!! I've been wanting to do something like this for a client's website! So excited that I can do it now!

  • @breenahansen3748
    @breenahansen3748 Місяць тому

    Thanks so much! So helpful!!

  • @ddehoops
    @ddehoops Місяць тому

    Thanks so much for this tutorial! Exactly what I needed to create the video effects I was looking for. Thanks again!

  • @MetaPlatforms
    @MetaPlatforms Місяць тому

    bullshit tutorial

  • @Baugette_Warrior
    @Baugette_Warrior Місяць тому

    This tutorial saved my assignment

  • @ninapaskowitz-it9ry
    @ninapaskowitz-it9ry 2 місяці тому

    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

  • @TravelTipsbyLaurie
    @TravelTipsbyLaurie 2 місяці тому

    This step by step tutorial was so helpful

  • @mica_c13
    @mica_c13 3 місяці тому

    lifesaver!!

  • @chelahair
    @chelahair 3 місяці тому

    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?

  • @JayHarvard
    @JayHarvard 3 місяці тому

    can i use pagefly to edit a template i uploaded on shopify?

  • @1Cryptosbro
    @1Cryptosbro 3 місяці тому

    Oh grouping there is no option on the phone i guess when highlighted the box and text

  • @1Cryptosbro
    @1Cryptosbro 3 місяці тому

    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 ?

  • @msleahgooch
    @msleahgooch 3 місяці тому

    This is awesome. Your voice, cadence, vibe is so comforting and real. THANK YOU. and obvi the info is solid.

  • @itstinat
    @itstinat 3 місяці тому

    how did you highlight both options, it lets me click on the text or the box but not both

  • @itstinat
    @itstinat 3 місяці тому

    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?

  • @CinnamonWolfe-sx9hl
    @CinnamonWolfe-sx9hl 4 місяці тому

    Exactly what I needed. Thank you for the quick and concise video!

  • @carloscodling5084
    @carloscodling5084 4 місяці тому

    Thank you!

  • @lawsonjones578
    @lawsonjones578 4 місяці тому

    Heyyy, would this work for email marketing??? And can I use photos instead of txt?

  • @jenniferbarr4554
    @jenniferbarr4554 4 місяці тому

    Do you know how to increase the animation time? Mine only plays for 5 seconds and I can't seem to make it longer?

    • @lililux1574
      @lililux1574 3 місяці тому

      hi did you find out how to increase the time?

    • @rustyc4ge
      @rustyc4ge 3 місяці тому

      drag the video length to right

  • @JanisGagliardi
    @JanisGagliardi 4 місяці тому

    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?

  • @BealeIam
    @BealeIam 4 місяці тому

    Thanks for this. Exactly what we were looking for to show kind words from couples.

  • @EFFong-yz5co
    @EFFong-yz5co 5 місяців тому

    This is a super helpful tutorial! Thank you so much! I appreciate it! :)

  • @TanisaNadira
    @TanisaNadira 5 місяців тому

    Thank you for the tutorial!

  • @joaoamarocosta
    @joaoamarocosta 5 місяців тому

    congrats. very simple explanation and it works very well

  • @pablismo
    @pablismo 5 місяців тому

    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>

  • @celestixI
    @celestixI 5 місяців тому

    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!

  • @holls273
    @holls273 6 місяців тому

    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.

  • @user-wq6ip2ih2k
    @user-wq6ip2ih2k 6 місяців тому

    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..

  • @HaeriCho
    @HaeriCho 6 місяців тому

    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?

  • @merikaa08
    @merikaa08 7 місяців тому

    It's not working for me- anyone know why? Thanks!

  • @margaretsedlar1821
    @margaretsedlar1821 7 місяців тому

    Amazing tutorial! Thank you!

  • @Rhiaofsunshine
    @Rhiaofsunshine 7 місяців тому

    Didn't work :( Do you have updated CSS for 7.1?

  • @saborjames9179
    @saborjames9179 7 місяців тому

    Perfect! Thank you so much!!😀

  • @goudriaanautomotive
    @goudriaanautomotive 7 місяців тому

    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?

  • @floyd1411
    @floyd1411 8 місяців тому

    Hiya, please could you share some more divi tutorials. thanks.

  • @Dzz-GUYSTRIVIA
    @Dzz-GUYSTRIVIA 8 місяців тому

    Sooooo.... the answer is no? They don't have a scrolling text bar

  • @Fronts.888
    @Fronts.888 8 місяців тому

    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 ?

  • @ArizeOW
    @ArizeOW 8 місяців тому

    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.

  • @maryiasubtselnik4808
    @maryiasubtselnik4808 9 місяців тому

    Worked for my squarespace website perfectly ! Thank you so much !

    • @maryiasubtselnik4808
      @maryiasubtselnik4808 9 місяців тому

      but strangely it cannot clic on the buttons of the menu on top :(

  • @TheRoamingPrepper
    @TheRoamingPrepper 9 місяців тому

    Thanks

  • @aquamagie
    @aquamagie 10 місяців тому

    Where can I find this?

  • @JokeChannelBestJokes
    @JokeChannelBestJokes 11 місяців тому

    Really very helpful, in just 3 minutes! Thanks for going straight to the steps! Thank you so much! Great video!

  • @user-zo5ow1ly4g
    @user-zo5ow1ly4g 11 місяців тому

    Do you have a video on how to embed a popup from flowdesk into divi builder?

  • @nahdinsabla
    @nahdinsabla 11 місяців тому

    How did you change the color of a specific word on a text box on Showit? or is your thumbnail from Canva?

  • @moralesmedia4282
    @moralesmedia4282 11 місяців тому

    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

  • @zacpt8360
    @zacpt8360 Рік тому

    I tried this but no luck getting my pics and countdown over. Do you think it works bc its a MacBook?

  • @fionatabart8327
    @fionatabart8327 Рік тому

    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? ☹

    • @mr.goodriddance
      @mr.goodriddance 9 місяців тому

      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 ;)

    • @DinoClips_
      @DinoClips_ Місяць тому

      @@mr.goodriddance This doesnt work too

  • @queen111angel
    @queen111angel Рік тому

    Hi, I created my workflow and once I fill in opt-in form my freebie is not being sent can you please help? :(