Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Leaderboard

Popular Content

Showing content with the highest reputation on 12/10/2020 in all areas

  1. Add the following to Store Settings > Advanced > Page Header Code Injection. <style> .ProductList-grid:before { color: black; content: "Grab some of our delicious coffee! Roasted, bagged, and packaged by us with love!"; display: block; font-size: 20px; margin-bottom: 50px; text-align: center; } </style> Let us know how it goes.
    2 points
  2. A cohesive brand is made up of many smaller decisions, from color palette to language used on social media. Where would you begin? A product is never just a product, right? Choosing certain products or services is often done with the general experience we think they will provide in mind. The goal of branding overall is to stand out from the crowd, to have a name that will be remembered, preferred, and even admired. Share your must-haves in the comments below.
    1 point
  3. Site URL: https://rolling-pictures.squarespace.com/documentary Hi, I would like the Blog pages: Animation Documentary Feature etc to show more than one image on smaller devices. Currently, the mobile view shows one project/image at a time. See images attached for reference on what it the mobile version looks like. vs the desktop. I wouldn't mind if the mobile shows two images at a time. Another screenshot showcases the about us gallery images which shows 2 images at a time on mobile, but for some reason it's getting cut off and expanding the page horizo
    1 point
  4. Site URL: https://dirtyrubbers.com/exs Hey everyone, I recently purchased Universal Filter from SQUAREWEBSITES and tried installing it by injecting the code on my site but it doesn't seem to be working. My goal is to have the Filter work on all summary product pages of my site. I wasn't sure how to do that though, so to start with I only targeted the CSS selector of the summary block located on this page (#block-7739bbdad2f9392982d3): https://dirtyrubbers.com/exs Here's what I have so far after inserting the CSS selector mentioned above: // Header Injection <link rel="styl
    1 point
  5. Site URL: http://www.racedayprofessionals.com/ We produce events and normally they last a few hours on a specific day. This year, however, many of these events have become โ€œvirtualโ€ and can now last days, weeks or even months. Normally, the calendar I use shows the event logo and even on busy weekends, it was a bit cluttered, but it was โ€œokโ€. Now, however, the calendar is a mess. With a repeating logo every day for the duration of the event, it is very cluttered. Other than changing to a list view, is there a better way to handle long duration events in a calendar view?
    1 point
  6. Site URL: https://girlonthego.net/online-store This site is using the Bedford template which doesn't appear to have any standard customization options for the Products section. I would like to know the CSS code to change the product title font and product title size. Thank you!
    1 point
  7. @bangank36 Thank you so much for this! Worked great. However, now that I changed the product details page as well, I was wondering how to change the size of the product description? Thank you very much!
    1 point
  8. I just checked it out on my phone and you're right it works! But now I have a new issue. The "Previous" and the "Next" button are falling at weird spots on the bottom of the page and the word isn't center aligned with the arrow. Any ideas on why this is happening? I have some code that I used to change the name of these buttons. Code: /* Blog Page Next Button */ span.next-label { visibility: hidden; } span.next-label:after { visibility: visible; content: "Next"; font-size: 24px; } /* Blog Page Previous Button */ span.prev-lab
    1 point
  9. Site URL: https://guava-guppy-sx4w.squarespace.com/ URL: https://guava-guppy-sx4w.squarespace.com/ PW : test Hi, I've been able to follow a number of forum topics on this subject but cant seem to get the code to work. Have two backgrounds set on the home page, would like to hide the landscape one in mobile and the portrait one in desktop / tablet modes. Tried to locate the section ID's but that didnt seem to work. Should end up looking like the images below. Many thanks!
    1 point
  10. Thanks for this @bangank36, the tip for the chrome ID finder is great! I couldn't get your code to work but finding the right ID allowed me to use a different code I was playing with prior which works perfectly. Solved! M/.
    1 point
  11. Creedon - thank you so much! the problem was indeed having left the caption in there. Changed the caption option to do not display and the problem is fixed. Amazing. I would not have been able to figure that out myself. Much gratitude heading your way...
    1 point
  12. Site URL: https://willrothfuss.com Is there any way to make the height of gallery section grip strips consistent in 7.1? The size of each row seems to change randomly with the width of the browser window. I also for the life of me can't figure what the "row height" slider actually does. I'm a little leery of inserting code, but if this is recommended, should I make a copy of the site for safety? I am frustrated with the limited gallery options in Squarespace. Website is willrothfuss.com and password is willweb
    1 point
  13. i removed the code, so my website is now back to the original state (logo unclickable) didn't want viewers to be stuck
    1 point
  14. @bangank36 now the rest of the navigation items is not clickable! help!
    1 point
  15. Thanks so much Bangank36 - its what i looked for.๐Ÿ™Œ๐Ÿผ
    1 point
  16. @bangank36 Thank you so much!!!!
    1 point
  17. Amazing! this worked! Thank you so much! Saved me hours of searching.
    1 point
  18. Site URL: https://rachel-balm.squarespace.com/work-with-me Hi, Im wondering if someone can help with some css make an image icon as the bullet point like the image attached. The website is : https://rachel-balm.squarespace.com/work-with-me Password: Rachel And the image + url is : Also, Im needing different icons for different sections so cant use css for the entire site.
    1 point
  19. Since the styling is block-specific, you got to know the id of each block 1. Install Chrome extension Chrome Web Store - Extensions (google.com) 2. Click on extension icon to get the block id and replace it into this snippet (replace the text: _block_id with id) _block_id ul li>*:first-child::before { content: '' !important; } _block_id ul li { position: relative; list-style-type:none; } _block_id ul li:before { content: ""; background-image: url(https://static1.squarespace.com/static/5fa48e9e7c970759a6f2f59f/t/5fbc348263a1d011e44a0047/1606169730628/Gold+plant+leaves.
    1 point
  20. @bangank36 How do I do that with centered button and changes color when hovered? All I can find is the one with text.
    1 point
  21. @AshleyJP It appears you've put the code in a text block. That won't work. You need to put it in a code block. Try that and let us know how it goes.
    1 point
  22. Thank you, ive removed the image and put it in as an unordered list.
    1 point
  23. I am using the Anya theme (I believe it's Bedford family?) and I wish to change the text size, color, etc only specifically for the footer, and not use those text specifications anywhere else on the website. I have tried a few custom codes but none of them seem to work. Does anyone have any idea how to do this?
    1 point
  24. Site URL: https://www.modernmediacompany.com/ Hello Squarespace community! I'm pulling hairs trying to figure out why our logo is so enlarged when viewing in Landscape Orientation on Mobile. I'm not seeing any options built in to adjust this, and after looking through the forum haven't been able to find the correct css to help with the issue. This is the current size in mobile landscape (see top left) : This is the ideal size (photoshopped below) : Would appreciate any pointers or tips on how to change the size in this view. Also it looks like Hayden is
    1 point
  25. Hi, No, Ive done it as an image in Canva but its obviously not mobile responsive as an image and the text is too small on mobile device
    1 point
  26. The css of the plus sign is @media only screen and (max-width: 640px) { .folder-nav-toggle:after, .category-nav-toggle:after { content: "+"; display: block; text-align: right; } }
    1 point
  27. I can help disable the second image show up .products.collection-content-wrapper .grid-item .grid-image-cover:first-child { opacity: 1 !important; z-index: 9999; }
    1 point
  28. Unfortunately I don't think this is possible just with Squarespace Analytics. You'd need a third-party tool like Google Analytics (and it sounds like you're aware of what the setup there would look like already). I've worked around this in the past by setting up GA and ecommerce tracking, and then sharing a link to a Google Data Studio dashboard with the client which can be a pretty self-service way of looking at the data.
    1 point
  29. Kindly add this into Desing->Custom Code @media only screen and (max-width: 768px) { #block-yui_3_17_2_1_1606135158030_44209 .sqs-block-image-figure { width: 120px; } }
    1 point
  30. You want to increase site content width??
    1 point
  31. In general you should be able to target that with... [data-collection-type^="blog"] .item-pagination-title If you give us more detail about how you want to style that element then we can be more specific. Let us know how it goes.
    1 point
  32. These asterisks appear automatically on Form Blocks but not on the areas you have pointed out - Newsletter Blocks or on the Checkout Page. You cannot change this behaviour on the checkout page but errors will be highlighted when a user attempts to submit the information, allowing them to correct any mistakes.
    1 point
  33. @lourencolobo When you hit the "Required" Button, the asterisk is applied automatically. Hope this helps.
    1 point
  34. Hi all, incase anyone is looking for a fixed background over an entire page with one of the built-in image effects, here's how I cobbled a solution together: 1. Moved all sections together into one single section with the section at the widest width. 2. Added code and spacers to skinny up a few of the blocks that hadn't been the widest width. 3. Added this code to fix the background's position: ** I chose to apply the background without code to utilize squarespace's responsive cropping. I like the focus feature personally. Applying the background this way also allowed me
    1 point
  35. No idea.... but really frustrated with the same issue! Commenting in case someone else solves this!
    1 point
  36. Interesting. Can you explain how using the Announcement bar for cookies solves the issue of not being able to give a user a chance to say yes or no to cookies, and to set preferences?
    1 point
  37. I see you solved? Do you still need help on this?
    1 point
  38. tuanphan

    FTP

    You need to enable Developer Mode to get this. (read carefully the guide) Home > Settings > Advanced > Developer Mode > Enable > You will see FTP Info.
    1 point
  39. Same issue. We asked a lawyer an advice for GDPR/legal text for a client website. She finally told us whatever the text, we are fucked up because we can't propose a yes/no solution in the cookie banner and a preference center after the approval. GDPR is clear in France and EU : users have to be able to say yes or not to cookies and then be able to modify their settings. And the risk is pretty high : 4% of the sales revenue. we have warned guys at squarespace. they have asked their devs to "consider" fixing this issue. Hope they will do it soon since we have several websites live and some
    1 point
  40. KFraz

    Secondary Navigation

    Site URL: https://www.freezeframeonline.org Has anyone found a template that allows for a secondary navigation bar to be displayed on a mobile screen? I have attached a screen shot of the Festival page on our website (currently using the Adirondack template). As you can see, we have a secondary navigation menu for the Festival page that shows on desktop but not on cellular devices. I have checked the preview on a couple of other templates and it doesn't seem like this secondary menu would be displayed using them either. If anyone knows a way to get the secondary navigation to display on mobi
    1 point
  41. I'm having the same issue with a client's checkout for their custom cake business. We need to enforce a three-day lead time at checkout for delivery because people are ignoring the lead time message on the product page and ordering for next-day delivery. Has anyone found a solution yet?
    1 point
  42. Umlaut

    Dropdown menu styling

    Site URL: https://www.alceasurrogacy.com It seems that 7.1 has zero styling options for the dropdown menu. I honestly can't believe they think this is ok design-wise and I have no idea how designers are getting around this. Does anyone have a comprehensive code for changing spacing, width, border, color, font, adding icons, etc. for the dropdown menus? Example: live site can't be updated til I get a fix because it's so bad: Right now, what I have is completely unacceptable for my client. I'm just flabbergasted by these changes in Squarespace and so curious how people are deali
    1 point
  43. Site URL: https://gagosian.com/artists/michael-heizer/ Hi, I am trying to figure out a way to have a secondary navigation bar for specific pages. The Primary and Secondary Navigation on this website is similar to what I am trying to achieve: https://gagosian.com/artists/michael-heizer/ Please let me know if you have any advice on building a navigation for specific pages, that could result in a similar experience as the website in the link above. Thanks!
    1 point
  44. Just found this code from Thompsonweb.design //Collage Blocks Mobile @media (max-width:480px){ .sqs-block-image .design-layout-collage.sqs-narrow-width .image-card-wrapper{ width:100%; margin-top:calc(0%)!important; position:relative} .sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-right .intrinsic,.sqs-block-image .design-layout-collage.sqs-narrow-width.image-position-left .intrinsic{ left:5% } }
    1 point
  45. @Arch You can add this to your custom CSS and then adjust the stroke-width value to get the result you want. svg.icon.icon--cart { stroke-width: 3px; }
    1 point
  46. @ThompsonWebDesign can you provide an example of a robust menu built with your plugin? I'd like to test it to see how it's rendered by search engines.
    1 point
  47. footer#footer { background: red; max-width: 100%; margin-bottom: 0; padding-bottom: 5vw; margin-top: 0; padding-top: 5vw; }
    1 point
  48. Hi @doshea Find the unique ID of the image, change "#block-unique-ID" to your image ID and apply the code below: /* mobile screens */ @media only screen and (max-width: 640px) { #block-unique-ID{ width: 50%; } } /* tablet screens */ @media only screen and (max-width: 768px) { #block-unique-ID{ width: 100%; } } Let me know if it works ๐Ÿ˜‰ If you need further help, please share a link to your website and pwd if needed.
    1 point
This leaderboard is set to New York/GMT-05:00
ร—
ร—
  • Create New...