Dragonfly Ave
Dragonfly Ave
  • Видео 172
  • Просмотров 152 804
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/b...
Просмотров: 99

Видео

Create a 'Scrolling' Laptop Effect In Canva #canvatutorial #canvatipsandtricks
Просмотров 932 месяца назад
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
Просмотров 762 месяца назад
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
Просмотров 412 месяца назад
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
Просмотров 1907 месяцев назад
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,3 тыс.7 месяцев назад
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
Просмотров 2428 месяцев назад
How To Add A Pop Up & Announcement Bar In Squarespace
How To Set Up Product Categories, Summary Blocks In Your Squarespace Store #squarespacefluidengine
Просмотров 6418 месяцев назад
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
Просмотров 2689 месяцев назад
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,1 тыс.9 месяцев назад
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
Просмотров 766Год назад
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
Просмотров 245Год назад
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
Просмотров 156Год назад
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
Просмотров 108Год назад
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
Просмотров 968Год назад
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 тыс.Год назад
How To Import A Template Into The Pagefly Shopify App #shopify #pagefly
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
Просмотров 2,4 тыс.Год назад
How To Update Your Header Navigation & Footer For Pagefly & Shopify #shopify
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
Просмотров 75Год назад
How To Setup Products & Collections with Pagefly App & Shopify #shopify #website
Subscribe & Launch
Просмотров 3Год назад
Subscribe & Launch
Accept the invite to your squarespace template
Просмотров 60Год назад
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 тыс.Год назад
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
Просмотров 44 тыс.Год назад
How to create a ‘scrolling’ animation in Canva #canva #scrollinganimation #canvatips
How to add accordions or toggles in Squarespace #squarespace #nocode
Просмотров 383Год назад
How to add accordions or toggles in Squarespace #squarespace #nocode
How to change fonts & colors in ShowIt #showit #showittutorial
Просмотров 445Год назад
How to change fonts & colors in ShowIt #showit #showittutorial
How to create mockups in Canva #canva #mockups
Просмотров 50Год назад
How to create mockups in Canva #canva #mockups
5 Cool Features of Squarespace Fluid Engine #squarespace #squarespacefluidengine
Просмотров 64Год назад
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

Комментарии

  • @Gemlin300
    @Gemlin300 9 дней назад

    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 9 дней назад

    Thanks so much! So helpful!!

  • @ddehoops
    @ddehoops 11 дней назад

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

  • @MetaPlatforms
    @MetaPlatforms 28 дней назад

    bullshit tutorial

  • @Baugette_Warrior
    @Baugette_Warrior Месяц назад

    This tutorial saved my assignment

  • @ninapaskowitz-it9ry
    @ninapaskowitz-it9ry Месяц назад

    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 Месяц назад

    This step by step tutorial was so helpful

  • @mica_c13
    @mica_c13 2 месяца назад

    lifesaver!!

  • @chelahair
    @chelahair 2 месяца назад

    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 2 месяца назад

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

  • @1Cryptosbro
    @1Cryptosbro 2 месяца назад

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

  • @1Cryptosbro
    @1Cryptosbro 2 месяца назад

    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 ?

  • @Fourminaday
    @Fourminaday 2 месяца назад

    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 3 месяца назад

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

  • @carloscodling5084
    @carloscodling5084 3 месяца назад

    Thank you!

  • @lawsonjones578
    @lawsonjones578 3 месяца назад

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

  • @jenniferbarr4554
    @jenniferbarr4554 3 месяца назад

    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 2 месяца назад

      hi did you find out how to increase the time?

    • @semiyav
      @semiyav 2 месяца назад

      drag the video length to right

  • @JanisGagliardi
    @JanisGagliardi 3 месяца назад

    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 3 месяца назад

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

  • @EFFong-yz5co
    @EFFong-yz5co 4 месяца назад

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

  • @TanisaNadira
    @TanisaNadira 4 месяца назад

    Thank you for the tutorial!

  • @joaoamarocosta
    @joaoamarocosta 4 месяца назад

    congrats. very simple explanation and it works very well

  • @pablismo
    @pablismo 4 месяца назад

    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 4 месяца назад

    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 5 месяцев назад

    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 5 месяцев назад

    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 5 месяцев назад

    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 6 месяцев назад

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

  • @margaretsedlar1821
    @margaretsedlar1821 6 месяцев назад

    Amazing tutorial! Thank you!

  • @Rhiaofsunshine
    @Rhiaofsunshine 6 месяцев назад

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

  • @saborjames9179
    @saborjames9179 6 месяцев назад

    Perfect! Thank you so much!!😀

  • @goudriaanautomotive
    @goudriaanautomotive 6 месяцев назад

    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 7 месяцев назад

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

  • @Dzz-GUYSTRIVIA
    @Dzz-GUYSTRIVIA 7 месяцев назад

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

  • @Fronts.888
    @Fronts.888 7 месяцев назад

    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 8 месяцев назад

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

    • @maryiasubtselnik4808
      @maryiasubtselnik4808 8 месяцев назад

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

    • @maryiasubtselnik4808
      @maryiasubtselnik4808 8 месяцев назад

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

  • @TheRoamingPrepper
    @TheRoamingPrepper 8 месяцев назад

    Thanks

  • @aquamagie
    @aquamagie 9 месяцев назад

    Where can I find this?

  • @JokeChannelBestJokes
    @JokeChannelBestJokes 10 месяцев назад

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

  • @user-zo5ow1ly4g
    @user-zo5ow1ly4g 10 месяцев назад

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

  • @nahdinsabla
    @nahdinsabla 10 месяцев назад

    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 11 месяцев назад

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

  • @fionatabart8327
    @fionatabart8327 11 месяцев назад

    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 8 месяцев назад

      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 11 месяцев назад

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

  • @BananaBoba
    @BananaBoba 11 месяцев назад

    This helped me so much! Thank you!

  • @sonyaj9333
    @sonyaj9333 11 месяцев назад

    Thank you for sharing your code!