Easy, Elegant Border Design in Squarespace

Поділитися
Вставка
  • Опубліковано 14 жов 2024
  • Easy, Elegant Border Design in Squarespace - In this video I show you how to create a border that contains text. It is an elegant design you can accomplish easily with only one line of optional CSS.
    Get the CSS:
    schwartz-edmis...
    Sign up for my free Squarespace CSS for beginners eCourse:
    schwartz-edmis...
    Learn to create custom layouts in Squarespace!
    schwartz-edmis...
    Get my giant library of CSS and Code Snippets for 7.1!
    schwartz-edmis...
    My goal is to help you create more custom Squarespace websites so that you can charge more for your services.
    If you need help designing, updating, or implementing custom code on your Squarespace website, you can hire me to do so through my contact page:
    schwartz-edmis...
    If my content has helped you out I would really appreciate a small donation to allow me to keep making tutorials:
    schwartz-edmis...
    Save 10% off your first subscription of a Squarespace website or domain by using code PARTNER10. (This is an affiliate link, so if you end up setting your website live I will receive a small commission!)
    squarespace.syuh.net/sewebdesign
    Music: / justin-kolas

КОМЕНТАРІ • 53

  • @tmossdesigner
    @tmossdesigner 10 місяців тому +1

    Exceptionally nice, sensitive treatment.

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

    Wow Chris, you know how to get the most out of Squarespace. So clever!

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

    Sooo clever! Love you smart peeps and how you're able to work this stuff out. Thanks for sharing 🥰

  • @onstage015
    @onstage015 Рік тому +1

    Clever use of the tools. Thanks, Chris!

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

    Very beautiful design! Saved this and will use in the future!

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

    Elegant design solution Chris! This is going in my toolbox. 🤩🙏

  • @SonjaSmithers-u8s
    @SonjaSmithers-u8s Рік тому

    This is GENIUS! Thanks Chris...

  • @laceyhanchak37
    @laceyhanchak37 Рік тому +1

    Amazing how far SQSP has come. This is yet another great tutorial of yours. Thanks Chris!

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

    So easy! Love it!

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

    Pretty slick Chris!

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

    so helpful!! thank you!!

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

      I’m so glad! You are welcome!

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

    So Genius!

  • @chrisrussellca
    @chrisrussellca Рік тому +2

    Great work Chris, I’m just getting started and picked up a few of your plugins. Great investment for a a beginner. I have very limited css and html knowledge and hopefully I learn as I go. My hearts in the design aspect of web sights and no so much the framework. I grabbed the mega menu, scrolling company logo and the mobile drop-down menu. Great stuff.

    • @SEWebDesign
      @SEWebDesign  Рік тому +1

      Thank you! I'm glad you liked the plugins! If you ever need any help with them just email me!

  • @sfphotogirl
    @sfphotogirl Рік тому +1

    This is such a simple and elegant design tweak. Love it!

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

    this is really great, thanks!

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

    Love this!

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

    Very nice!

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

    Great work again, Chris. Thank you!

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

    Love it! And so simple… thank you :)

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

    You da shiz, Chris. 😍

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

    Great video! You've laid out some very simple, do-able tips to make a big difference in creating a beautiful and unique design.
    Question: In this video, it doesn't look like you're using the "Fix Fluid Engine Tablet Spacing" extension. I've used it, and it's been very helpful (thank you!). Do you you still use this yourself or is there a new solution you recommend for making necessary tablet adjustments?

    • @SEWebDesign
      @SEWebDesign  Рік тому +1

      To be honest I haven't been using it as much lately, although I don't know of any alternatives. I would use it if I was building a site for myself, but since I am doing client sites, when they make a mobile edit it overrides the extension spacing anyways.

    • @dlem507
      @dlem507 Рік тому +1

      @@SEWebDesign That makes sense. Thank you for getting back to me!

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

      @@dlem507 no problem!

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

    Smart, Chris... could you not cheat and add two spaces before and after the text vs CSS?

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

      I did and it looks good

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

      Yes, but since this was for a template I can definitely see people forgetting to do that when they update the text. So I figured the 1 line of CSS was a non-messupable solution.

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

    Where do we find the 1 line of CSS? 🙏🏼

    • @SEWebDesign
      @SEWebDesign  Рік тому +1

      I have updated the description with the link to the blog post!

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

    Nice Touch. I have alreardy put this design to good use. Thanks again for another great tip!

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

    Love this!