Jump to content

HerMessyBun

Circle Member
  • Posts

    18
  • Joined

  • Last visited

Everything posted by HerMessyBun

  1. Usually a free resource is done through subscribing and then the freebie(s) are sent automatically after subscription. However, it sounds like you don't want to do that, but you still want the resources to be free? and you still want them to subscribe? and you want to create a new webpage per resource? This seems like more work for you and less analytics/tracking how successful your resources are, however, you can do this in 2 different ways (or a combo of both): 1. Create a password protected hidden page that maintains all of your free resources and has a when they subscribe to your email list, it automatically directs them to that page with the password in the URL. Make sure the email confirmation includes the website, with the password for the page. let's pretend "demo" is your password, you URL will be: https://www.examplewebsite.com/?password=demo 2. Create a blog with a pricing plan that's set to free. From there they would have to sign up to gain access to this private resources section of you website, they would automatically join your "members" category under contacts. The only downside is they will not Automatically be considers and email subscriber. Which means Squarespace will not allow you to create and send them emails.
  2. Hey @thegracerx I'm going to try and help you with this, but there's no sound to your video on my end so if there's any info I missed apologizes in advance. Can you explain what you're looking to achieve? How do you want you header to look EXACTLY and I can walk you through it. When you switch to Adaptive, what color do you want to see? Adaptive will take on the style of what ever that first section is. So if the first section of every webpage is set to a different section your Navigation setting in your Header will be inconsistent. I'm going to go through what I see in the video in order of how it's shown. The screenshot below show a plain white box and that's because your site background is set to white and all your text options are set to white. You then click "lightest 1" while still in the site styles and nothings happening to your header because your header is still set to your "white box" color theme. Go back to edit that website, hover over the first section of the webpage, click edit section, click colors, THEN click Lightest 1 and you'll see the menu change.
  3. OPTION 1: The only way to change the default completely (right now) is to meticulously edit the elements in the theme that is set as your default - usually its Lightest 1. You can double check that by adding a blank section to a page and seeing which theme auto fills. OPTION 2: If you just want to change the default background color, the code is below. This will automatically change the color of the "gaps", the 404 background, the cart background and any other system pages that use the default. It will not change the default Color Theme in anyway. All properties on those pages will still follow the default theme (again the best way is to edit every property in that specific color theme to match what your ideal results. .site-wrapper { background-color: #ECECEC !important; } Note: If you change the site wrapper background from a lighter color to a darker color or darker to a lighter color, the font and other elements will likely be illegible. If this is what you want to do, then OPTION 1 is your best option.
  4. The site theme Did you end up getting this fixed? When you say you can't edit you site theme, do you mean the default or ANY of the color themes? You can edit your paywall (checkout) under: Pages → System Pages → Checkout
  5. It looks like it's only happening when the screen size surpasses size of that section, and since you're not using your default site theme for that section the white gap appears. Two options: 1. Change the default site theme background to match that light grey color. Usually the default color theme is Lightest 1, you can confirm that by adding a blank section to a webpage and seeing which theme is being used. 2. If you don't want to mess with your colors you can add some css to make this section "auto fit" the screen, no matter what size screen you're on. Website Tools → Custom CSS //homepage banner full screen// @media (min-width: 720px) { section[data-section-id="6642282f68e9d772ca52d822"] { height: 100vh !important; } }
  6. Can I have the link to your website?
  7. I'm curious if others are will to share their best practices for "hiding" the built-in store front so only the custom sales page is visible. I've been creating custom squarespace websites for clients for some time, and now I'm interested in creating templates. My struggle is I keep going back and forth on how I want to present my store. I've sold other digital downloads in the past and used the built-in store front, but don't like the lack of customization (especially for items that need more of a sales page). The product button element is wonderful, but what about when people decide to click the item in the cart, it takes them directly to the OG shop listing. Would love to start this discussion. xo Danielle
  8. When you're using the fluid editor, you want to make sure the text boxes aren't overlapping each other, even if the text box has a bunch of blank space. It looks like you've made some updates, double check your footer as well. ❤️ Let me know if you have anymore questions!
  9. It also looks like you're missing a Favicon (the image that shows up in the corner of the webpage tab)
  10. It depends on how you want this area to look, but you can manually create this. If you let me know how you want it to look I can help guide you a bit better.
  11. The quickest way without coding would be to add it in the "Additional Info". Edit Product - Details - Additional Info
  12. My best practice for mobile design and styling: Don't be afraid to hide elements on mobile Disable the Mobile Information Bar Shorten the mobile nav menu (code below) Anchor Links .header-menu-nav-folder-content { flex-grow: 0; } xo Danielle
  13. It's only hidden because your mobile information bar is not disabled. When it's disabled you can see the button just fine. If you want your mobile information bar on, then I'd recommend shortening your mobile nav with this css: .header-menu-nav-folder-content { flex-grow: 0; text-align: left; } Let me know if this helps! xo Danielle
×
×
  • 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.