Jump to content

inside_the_square

Circle Member
  • Posts

    187
  • Joined

  • Last visited

  • Days Won

    2

Reputation Activity

  1. Love
    inside_the_square reacted to Noah_Snowday_Design in Store Options Button Customization   
    This video by @inside_the_square should be helpful!
     
     
  2. Love
    inside_the_square got a reaction from FLMStudio in Building industry-specific websites with Becca Harpain   
    These are all great - thank you, everyone!! I posted this question to my YouTube community and got some great responses there that I wanted to add here: 
    Legal and accounting! These are often just brochure sites, with contact information. Local clubs and societies, which often don’t have much money but need a site.  Food retail / restaurants (that have POS) Non-profits Franchises
  3. Love
    inside_the_square got a reaction from Jo_SQSP in Building industry-specific websites with Becca Harpain   
    I got a few more ideas from my Instagram fam today (here's a link to my profile if you wanna join the fun)
    martial arts authors (writers & poets) medi spas corporate events catering weddings
  4. Like
    inside_the_square reacted to laura5 in Building industry-specific websites with Becca Harpain   
    I'm going rogue and not requesting an industry in particular, but more overall: how to do great sites for industries that don't need (or want or have) a lot of photography. Thanks for all you do @inside_the_square!
  5. Love
    inside_the_square got a reaction from Jo_SQSP in Building industry-specific websites with Becca Harpain   
    These are all great - thank you, everyone!! I posted this question to my YouTube community and got some great responses there that I wanted to add here: 
    Legal and accounting! These are often just brochure sites, with contact information. Local clubs and societies, which often don’t have much money but need a site.  Food retail / restaurants (that have POS) Non-profits Franchises
  6. Like
    inside_the_square got a reaction from mdgreenopu in A Couple CSS questions for my site   
    Hey @Bexxx - welcome to Squarespace! 👋 
    A lot of the coding you used in Showit will work for common HTML things, like the a that you'll use to target an active link. But you've already discovered that Squarespace has its own unique selectors for some important things. 😉
    The active link in your website header has a background image you can hide with a version @tuanphan 's code. This code below will hide the underline from pages you are actively on, and leave a border hover effect that will be the same color as your nav color, even if you change it in the site style menu: 
    .header-nav-item--active a{background:transparent!important} .header-nav-item a:hover{border-bottom:1px solid var(--solidHeaderNavigationColor)!important} If there are other things you want to change, you'll find a ton of free codes on my tutorial blog at insidethesquare.co/squarespace-tutorials
     
    I hope all that info helps, and best of luck with your Squarespace project!
  7. Like
    inside_the_square got a reaction from mdgreenopu in A Couple CSS questions for my site   
    I also forgot about your second question - borders! Those can be tricky for images. If you have one set to "fill" instead of fit, or a shape, you can use a basic border code. All content blocks get a unique block id that you can find with a free Chrome extension that a lot of us use ( https://insidethesquare.co/chromeext )
    Here is a tutorial about creating code for specific blocks: https://insidethesquare.co/squarespace-tutorials/css-targeting-tricks
    and here is an article about borders: https://insidethesquare.co/borders
  8. Like
    inside_the_square got a reaction from Bexxx in A Couple CSS questions for my site   
    I also forgot about your second question - borders! Those can be tricky for images. If you have one set to "fill" instead of fit, or a shape, you can use a basic border code. All content blocks get a unique block id that you can find with a free Chrome extension that a lot of us use ( https://insidethesquare.co/chromeext )
    Here is a tutorial about creating code for specific blocks: https://insidethesquare.co/squarespace-tutorials/css-targeting-tricks
    and here is an article about borders: https://insidethesquare.co/borders
  9. Like
    inside_the_square got a reaction from tuanphan in A Couple CSS questions for my site   
    I also forgot about your second question - borders! Those can be tricky for images. If you have one set to "fill" instead of fit, or a shape, you can use a basic border code. All content blocks get a unique block id that you can find with a free Chrome extension that a lot of us use ( https://insidethesquare.co/chromeext )
    Here is a tutorial about creating code for specific blocks: https://insidethesquare.co/squarespace-tutorials/css-targeting-tricks
    and here is an article about borders: https://insidethesquare.co/borders
  10. Love
    inside_the_square reacted to Jo_SQSP in Building industry-specific websites with Becca Harpain   
    We're teaming up with Circle member Becca Harpain ( @inside_the_square) to bring you a new series on the Squarespace Forum dedicated to empowering you with the knowledge and insights needed to build industry-specific websites on Squarespace. Whether you’re a seasoned Squarespace user, a budding entrepreneur exploring website creation, or someone keen on maximizing the potential of this versatile platform, this series is for you. 
    What to expect
    In an era where every business, big or small, needs a compelling online presence, understanding the nuances of different industries can make all the difference. Each sector comes with its own set of challenges, opportunities, and unique characteristics that should be reflected in its online representation.
    Becca will be providing her insights on how to make the most of your Squarespace website for specific industries over the next few months. 

    Who is Becca Harpain?
    A Squarespace designer turned educator, Becca Harpain is the creator of the world's largest collection of Squarespace CSS tutorials - InsideTheSquare.co. Every week, you can tune into her YouTube channel to discover new ways to make your Squarespace website unique. When she's not creating content for the Squarespace community, you can find her running, hiking, and backpacking her way across the trails in the Pacific Northwest.

    How to participate
    Please reply to this topic with any industry suggestions! If you see any suggestions in the comments you want to see addressed, simply like the comment. We’ll be selecting 5 suggestions to address in this series.
     
  11. Like
    inside_the_square got a reaction from tuanphan in CSS Code Needed for Custom Font for Submit Button in Form   
    Hey @uhohitsheidiho - this is a great question! The block id is for the whole form, so you'll need to add the selector for the button inside that block. This code will change that font for ya: 

    .form-wrapper .sqs-button-element--primary {
    font-family: Cunia!important
    }
    Hope that helps and best of luck with your project! ☺️

    P.S. If you have more than one form on your site, you don't need to use the block id! If you use the code name ".form-wrapper .sqs-button-element--primary" all of your contact forms will get the same font family change. 
  12. Love
    inside_the_square reacted to uhohitsheidiho in CSS Code Needed for Custom Font for Submit Button in Form   
    Hi @inside_the_square,
    Thank you so much for your response! That did the trick.
    Btw, huge fan of your youtube tutorials. All of your videos helped me work through my first project in squarespace 🙂 Thank youuuu! 🙏
    -Heidi
  13. Like
    inside_the_square reacted to Cubecom in CSS Expert AMA: Becca Harpain   
    Hello. 

    How do I remove the footer on just one page of my Squarespace site. I want the footer on all the other pages. 

    Is there some kind of custom CSS I can include

    Please let me know
  14. Like
    inside_the_square reacted to allisonhogue in CSS Expert AMA: Becca Harpain   
    Hello- a full screen landscape gallery block is the first thing a user sees upon landing on my website. The orientation and screen extents look good on desktop but not so much on mobile where the landscape image is cropped to a portrait format. Is it possible, using custom code, to create an alternate. - or sub - portrait gallery that specifically shows on mobile? So what I am asking is: can a gallery block be split in two - with certain landscape images designated to display on desktop only and portrait images designated to only display on mobile?
  15. Like
    inside_the_square reacted to MabelApparel in CSS Expert AMA: Becca Harpain   
    Hello, I am trying to edit the limited availability feature. I want it to show a custom message(which is currently possible), but I want the custom message to be linked to my inventory. Essentially, I want it to show " X Number of Orders Until Item is Unlocked", and this would update in real time as people place pre orders. Do you know how I could do this/if it is possible? I think a code injection would be necessary 
  16. Love
    inside_the_square reacted to Jo_SQSP in CSS Expert AMA: Becca Harpain   
    Are you ready to take your website design to the next level? Do you have any burning questions about using CSS on Squarespace? We are excited to announce Becca Harpain (@inside_the_square), a seasoned expert in leveraging the full potential of CSS on the Squarespace platform, will be answering your biggest questions about CSS.
    Why CSS on Squarespace matters
    While Squarespace provides an intuitive and user-friendly interface for creating stunning websites, understanding and harnessing the power of CSS can elevate your design game even further. CSS is a versatile language that allows you to customize the look and feel of your Squarespace site beyond the standard templates.
    Whether you're a seasoned web designer or a Squarespace novice, this AMA session with Becca Harpain promises to be an invaluable opportunity to gain insights into using CSS effectively, troubleshoot common issues, and discover tips and tricks to make your website uniquely yours.
    Who is Becca Harpain?
    A Squarespace designer turned educator, Becca Harpain is the creator of the world's largest collection of Squarespace CSS tutorials - InsideTheSquare.co. Every week, you can tune into her YouTube channel to discover new ways to make your Squarespace website unique. When she's not creating content for the Squarespace community, you can find her running, hiking, and backpacking her way across the trails in the Pacific Northwest.
    How to participate
    Please reply to this topic with any questions you have by Monday January 15th! If you see any questions you want to see answered, simply like the question. Becca will answer the top 10 most liked questions.
     
  17. Like
    inside_the_square reacted to jmerrill in How to Target Just "Wall" Summary Blocks for CSS Edits   
    @Ziggy Thanks but didn't work. Found out from @inside_the_square that the selector is actually: .sqs-gallery-design-autocolumns. Tried it, it works!
  18. Like
    inside_the_square got a reaction from Miicherey in How to change Testimonial content block title font?   
    Hey @Miicherey! It looks like that testimonial title is just a standard text block in a normal fluid engine page section. We can't change font sizes for a specific selector of text using the editor, so if none of your assigned font sizes for h1, h2, h3 and so on will work, you can change this individual thing with CSS.

    Here is a video with info on how to do that. Also - this video is a little old but the concept still works!  To add CSS, go to website then website tools, then custom CSS. They rearranged the design menu back in August. 😅
     
  19. Love
    inside_the_square got a reaction from Laminator in Hamburger Menu Nav across all devices (version 7.1)   
    Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick for me. Hope it helps! 
     
    .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important}  
     
  20. Like
    inside_the_square got a reaction from agustinurioste in Hamburger Menu Nav across all devices (version 7.1)   
    Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick for me. Hope it helps! 
     
    .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important}  
     
  21. Like
    inside_the_square got a reaction from tuanphan in Finding classes and IDs in code   
    Hey Jake! I am a huge fan of customizing Squarespace with CSS. I have a little over 300 blog posts that specify the classes you're talking about: https://insidethesquare.co/squarespace-tutorials/
    I also use this free chrome extension to grab block ids (not affiliated just a fan!): https://insidethesquare.co/chromeext 

    And if you want some tips on when to use a selector/class vs a block id (and when to usee both!) check out this video overview specifically for Squarespace: 
    And if you wanna grab my collection of classes for Squarespace, I have them all organized in a Notion doc you can get here: https://insidethesquare.co/css 

    I hope all that info helps! Feel free to DM me if you have any questions about a specific project; I'm always looking for more tutorial ideas for my blog 😉
     
  22. Love
    inside_the_square got a reaction from melody495 in Finding classes and IDs in code   
    Hey Jake! I am a huge fan of customizing Squarespace with CSS. I have a little over 300 blog posts that specify the classes you're talking about: https://insidethesquare.co/squarespace-tutorials/
    I also use this free chrome extension to grab block ids (not affiliated just a fan!): https://insidethesquare.co/chromeext 

    And if you want some tips on when to use a selector/class vs a block id (and when to usee both!) check out this video overview specifically for Squarespace: 
    And if you wanna grab my collection of classes for Squarespace, I have them all organized in a Notion doc you can get here: https://insidethesquare.co/css 

    I hope all that info helps! Feel free to DM me if you have any questions about a specific project; I'm always looking for more tutorial ideas for my blog 😉
     
  23. Love
    inside_the_square got a reaction from CassAggett in CSS code to change the title of my services section   
    Thanks for sharing @CassAggett 🥰
  24. Like
    inside_the_square reacted to CassAggett in CSS code to change the title of my services section   
    @byboldstudio @inside_the_square just released this tutorial for exactly what you're after: https://insidethesquare.co/squarespace-tutorials/clickable-list-item 😊
  25. Love
    inside_the_square got a reaction from Michelle_Barra_ in I need to add videos with 9:16 aspect ratio, how do I do that??   
    Thanks for sharing @Michelle_Barra_ 🙌❤️ If you need any help with this code @Alma_ugc26 feel free to DM me.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.