Jump to content

CassAggett

Circle Member
 View Profile  See their activity

  • Posts

    400

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Everything posted by CassAggett

  1. CassAggett
    Hey all Site: https://lane-cove-aesthetics.squarespace.com/?password=pass My client is saying that some headings are being cut off on mobile - see screenshot below. I advised this would be due to the italic font as it extends to the last outside of the text box - but I can't replicate the cut-off on my end. I was thinking I might be able to fix this by increasing the mobile site gutter slightly? I've found below properties but I can't work out how to target --sqs-mobile-site-gutter in CSS and apply it to the right element/s. Questions: 1. Has anyone had this issue with certain fonts before, and if so, how did you fix it? 2. How can I target and apply a different mobile site gutter? I tried adding to body, sections, etc but that also affects sections with background images which I want to keep full width. Thanks!
  2. CassAggett
    @Adamb123 try these codes - the first one changes the quantity box border to black to match the buttons above and increaseS the input font size, and the second one decreases the padding inside the box // QUANTITY INPUT FIELD .ProductItem-details .product-quantity-input input { border: 1px solid black; font-size: 0.8rem; } .ProductItem-details .variant-select-wrapper, .ProductItem-details .product-quantity-input input { padding: 0.4em; } Above looks like this:
  3. CassAggett
    Thanks @creedon, no luck with that one unfortunately - but I finally worked it out with this one: .twc-hmmo .header-menu-nav-item .header-menu-nav-item:not(.user-accounts-link) a { font-size: 16px !important; line-height: 22px; }
  4. CassAggett
    Hey @creedon, thanks for sharing this code! Website: https://lane-cove-aesthetics.squarespace.com/?password=pass I've just added to a client's site I'm building and trying to make the folder items a smaller font size, like mockup below - is this possible? In trying to target these links I was able to indent them, but having trouble with the correct element to change the colour. For reference, here's the CSS: [removed - see link above]
  5. CassAggett
    @jagamar It looks like you've got code on your site that makes this button transparent: .sqs-slide-wrapper[data-slide-type="cover-page"] .sso-button-style-outline ~ .sqs-modal-lightbox .form-wrapper input[type="submit"] { background-color: transparent; } If you're not using this for anywhere else, you can likely delete the code (save a backup before making any changes just in case). When the transparency is removed, it looks like this:
  6. CassAggett
    That's the one, looks like you got it sorted?
  7. CassAggett
    If this were me, I would try to use a logo variation of this design first - save using a heap of code 😊
  8. CassAggett
    @zemaria Sorry to be the bearer of bad news, but unfortunately not! This will be a manual process.
  9. CassAggett
    @BrittaS How long ago did you connect your domain? When you say migration, do you mean you transferred your domain from another domain registrar to Squarespace?
  10. CassAggett
    @Thinkaway Try this to make the text smaller: // NAV FOLDER FONT SIZE .header-nav-item--folder .header-nav-folder-content { font-size: 0.8rem; } You can adjust the 0.8rem to any size you like
  11. CassAggett
    @Thinkaway You could set your header menu to 'fixed position', meaning it will stay at the top of the screen when people scroll down. To do that, edit your header, then at the bottom right below the links click Edit Design. You'll want to toggle on Fixed position:
  12. CassAggett
    Are you referring to this page specifically (rather than the one you linked)? As the linked page doesn't appear to be a blog. Below is what I would suggest for this format (basic grid blog) - you can adjust the image ratio and spacing between rows and columns as needed.
  13. CassAggett
    @oldegray Yeah there's definitely some code in there that's hiding the mobile nav menu, likely to do with the custom logo that's been set. I can't quite work it out based on the browser inspection. Are you able to send me a message with any code you've got in there that's related to your header / top navigation? It's possible there's just a small section that needs to be tweaked.
  14. CassAggett
    @Jolene2023 The code from @Spark-Plugin should work, and I just realised it's also got the nav link code in there too. Otherwise here's what I typically use for my footer links: // FOOTER LINK HOVER footer .sqs-block-html a:hover { font-weight: 700; }
  15. CassAggett
    @HeidiLeRoy Can you please set a site-wide password and share that with your link? (See link to instructions in my signature). When sharing your website URL, you'll need to remove the /config/pages as this will prompt us to login to the back end rather than preview the site. I'm not sure which title / description you're referring to but can take a look once I can access your site
  16. CassAggett
    @dasdasad You'll need to add a Summary Block to your home page and link it to the blog. It will automatically pull new posts through depending on the settings you have on the Summary Block - once you've added it to your home page, linked to the blog and styled how you like, you don't need to touch it again for it to continue updating when you add new blog posts.
  17. CassAggett
    @rjstaal90 It looks like you're using Fluid Engine with individual image blocks (rather than a gallery etc), which means you can easily adjust the mobile layout independently of desktop without CSS. When you're in edit mode, click the mobile icon at the top right of the page and it will change the editor view. From there, you can move and resize the images how you'd like them to display on mobile. If you'd like the text to remain readable, I probably wouldn't make the images side-by-side as they'd be too small to read. You can instead resize the blocks so the image is the width of the mobile page.
  18. CassAggett
    @Jolene2023 And for the main navigation, try this: // NAV LINKS BOLD ON HOVER .header-menu-nav-item:hover a { opacity: 1 !important; font-weight: 700; } I've not included the font colour as it appears to already be set as the one you're wanting (the off-white)
  19. CassAggett
    @oldegray The password is incorrect, can you please update? Also no need to include the /config part of the URL as that will prompt anyone that clicks on it to login to the backend rather than the site preview.
  20. CassAggett
    @G_pat Your website is currently set to private so we can't see it. Can you set a site-wide password and share that here?
  21. CassAggett
    @veganmentor The newsletter block is a sign-up form so people can subscribe to emails you send through Squarespace Email Campaigns (which requires a separate subscription to your website). When you send emails through Email Campaigns, they won't automatically appear on your website. You'd write them in Word, etc. so you have a local copy saved, then to send out you'd need to copy the content into an email template to send to your list. If you also wanted to have them displayed on your website, I'd recommend creating a blog and calling it 'Newsletter Archive' or similar, then create a new post for each email you send.
  22. CassAggett
    @kaydotjpg You should be able to do this by linking a contact form to a Google Sheet - then in the Google sheet, filter the top row so you can sort / filter by city
  23. CassAggett
    @Graeme1858 No, Squarespace doesn't offer website hosting outside of its native websites. You could create a Squarespace website and integrate an external forum though - something like these: https://www.powr.io/forum-for-squarespace-how-to-add-to-your-site?src=tutorials https://elfsight.com/forum-widget/squarespace/ Or see this suggestion:
  24. CassAggett
    @Katniss I don't believe you'd be able to hide it only for products without an image, as it appears you need to target the entire image wrapper - below code will remove this image from the cart page for ALL products (from my testing, anyway). @tuanphan may be able to confirm if it's possible to limit to only items without a preview image set. //HIDE CART PRODUCT IMAGE .cart-row-img-wrapper { display: none; }
  25. CassAggett
    @aMarte Try this one: // FOOTER LINK HOVER footer .sqs-block-html a:hover { color: white; } Did you want to remove the underline as well?
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources