Dragonfly Ave
Dragonfly Ave
  • 172
  • 164 272
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!
zhlédnutí: 190

Video

Create a 'Scrolling' Laptop Effect In Canva #canvatutorial #canvatipsandtricks
zhlédnutí 337Před 3 měsíci
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
zhlédnutí 145Před 3 měsíci
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
zhlédnutí 58Před 3 měsíci
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
zhlédnutí 226Před 9 měsíci
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
zhlédnutí 1,9KPřed 9 měsíci
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
zhlédnutí 283Před 10 měsíci
How To Add A Pop Up & Announcement Bar In Squarespace
How To Set Up Product Categories, Summary Blocks In Your Squarespace Store #squarespacefluidengine
zhlédnutí 866Před 10 měsíci
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
zhlédnutí 346Před 10 měsíci
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
zhlédnutí 2,6KPřed 10 měsíci
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
zhlédnutí 890Před rokem
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
zhlédnutí 289Před rokem
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
zhlédnutí 181Před rokem
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
zhlédnutí 116Před rokem
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
zhlédnutí 1,1KPřed rokem
How To Set Up Links & Buttons in Pagefly Shopify Builder #howto #shopify
How To Import A Template Into The Pagefly Shopify App #shopify #pagefly
zhlédnutí 1,1KPřed rokem
How To Import A Template Into The Pagefly Shopify App #shopify #pagefly
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
zhlédnutí 2,7KPřed rokem
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
zhlédnutí 86Před rokem
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
Subscribe & Launch
zhlédnutí 3Před rokem
Subscribe & Launch
Accept the invite to your squarespace template
zhlédnutí 71Před rokem
Accept the invite to your squarespace template
Making Backups of Squarespace Template Pages
zhlédnutí 13Před rokem
Making Backups of Squarespace Template Pages
All About Canva Websites #canva #canvawebsites
zhlédnutí 1,1KPřed rokem
All About Canva Websites #canva #canvawebsites
How To Use The Canva Video Background Remover #canva #videoediting #backgroundremover
zhlédnutí 17Před rokem
How To Use The Canva Video Background Remover #canva #videoediting #backgroundremover
How to create a ‘scrolling’ animation in Canva #canva #scrollinganimation #canvatips
zhlédnutí 48KPřed rokem
How to create a ‘scrolling’ animation in Canva #canva #scrollinganimation #canvatips
How to add accordions or toggles in Squarespace #squarespace #nocode
zhlédnutí 439Před rokem
How to add accordions or toggles in Squarespace #squarespace #nocode
How to change fonts & colors in ShowIt #showit #showittutorial
zhlédnutí 491Před rokem
How to change fonts & colors in ShowIt #showit #showittutorial
How to create mockups in Canva #canva #mockups
zhlédnutí 55Před rokem
How to create mockups in Canva #canva #mockups
5 Cool Features of Squarespace Fluid Engine #squarespace #squarespacefluidengine
zhlédnutí 72Před rokem
5 Cool Features of Squarespace Fluid Engine #squarespace #squarespacefluidengine
How to make a moving slider in ShowIt #showit #showittutorial #slider #webdesign
zhlédnutí 1,6KPřed 2 lety
How to make a moving slider in ShowIt #showit #showittutorial #slider #webdesign
How to Remove Backgrounds in Photos Using Canva #backgroundremover #canva #canvatipsandtricks
zhlédnutí 12Před 2 lety
How to Remove Backgrounds in Photos Using Canva #backgroundremover #canva #canvatipsandtricks

Komentáře

  • @lauradelaossa4391
    @lauradelaossa4391 Před dnem

    do you have a tutorial of this effect? please!!!!

  • @somabrahma3099
    @somabrahma3099 Před 15 dny

    How to do that in multiple page

  • @Journey_for_beauty
    @Journey_for_beauty Před 18 dny

    Thank you you helped me fix an issue I was about to give up on

  • @heyitsjo_
    @heyitsjo_ Před měsícem

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

  • @Gemlin300
    @Gemlin300 Před měsícem

    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 Před měsícem

    Thanks so much! So helpful!!

  • @ddehoops
    @ddehoops Před 2 měsíci

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

  • @MetaPlatforms
    @MetaPlatforms Před 2 měsíci

    bullshit tutorial

  • @Baugette_Warrior
    @Baugette_Warrior Před 2 měsíci

    This tutorial saved my assignment

  • @ninapaskowitz-it9ry
    @ninapaskowitz-it9ry Před 3 měsíci

    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 Před 3 měsíci

    This step by step tutorial was so helpful

  • @mica_c13
    @mica_c13 Před 3 měsíci

    lifesaver!!

  • @chelahair
    @chelahair Před 3 měsíci

    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 Před 4 měsíci

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

  • @1Cryptosbro
    @1Cryptosbro Před 4 měsíci

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

  • @1Cryptosbro
    @1Cryptosbro Před 4 měsíci

    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 Před 4 měsíci

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

  • @itstinat
    @itstinat Před 4 měsíci

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

  • @itstinat
    @itstinat Před 4 měsíci

    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 Před 4 měsíci

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

  • @carloscodling5084
    @carloscodling5084 Před 4 měsíci

    Thank you!

  • @lawsonjones578
    @lawsonjones578 Před 5 měsíci

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

  • @jenniferbarr4554
    @jenniferbarr4554 Před 5 měsíci

    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 Před 4 měsíci

      hi did you find out how to increase the time?

    • @rustyc4ge
      @rustyc4ge Před 4 měsíci

      drag the video length to right

  • @JanisGagliardi
    @JanisGagliardi Před 5 měsíci

    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 Před 5 měsíci

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

  • @EFFong-yz5co
    @EFFong-yz5co Před 5 měsíci

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

  • @TanisaNadira
    @TanisaNadira Před 5 měsíci

    Thank you for the tutorial!

  • @joaoamarocosta
    @joaoamarocosta Před 6 měsíci

    congrats. very simple explanation and it works very well

  • @pablismo
    @pablismo Před 6 měsíci

    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 Před 6 měsíci

    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 Před 6 měsíci

    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 Před 7 měsíci

    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 Před 7 měsíci

    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 Před 7 měsíci

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

  • @margaretsedlar1821
    @margaretsedlar1821 Před 7 měsíci

    Amazing tutorial! Thank you!

  • @Rhiaofsunshine
    @Rhiaofsunshine Před 7 měsíci

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

  • @saborjames9179
    @saborjames9179 Před 8 měsíci

    Perfect! Thank you so much!!😀

  • @goudriaanautomotive
    @goudriaanautomotive Před 8 měsíci

    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 Před 8 měsíci

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

  • @Dzz-GUYSTRIVIA
    @Dzz-GUYSTRIVIA Před 8 měsíci

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

  • @Fronts.888
    @Fronts.888 Před 9 měsíci

    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 Před 9 měsíci

    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 Před 10 měsíci

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

    • @maryiasubtselnik4808
      @maryiasubtselnik4808 Před 10 měsíci

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

    • @maryiasubtselnik4808
      @maryiasubtselnik4808 Před 10 měsíci

      And that was because the cursor image was too big for clicking, I reduced it and everything works fine !

  • @TheRoamingPrepper
    @TheRoamingPrepper Před 10 měsíci

    Thanks

  • @aquamagie
    @aquamagie Před 11 měsíci

    Where can I find this?

  • @JokeChannelBestJokes

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

  • @TheProgressiveClassroomProject

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

  • @nahdinsabla
    @nahdinsabla Před rokem

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

  • @moralesmedia4282
    @moralesmedia4282 Před rokem

    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 Před rokem

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