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


  • Posts

  • Joined

  • Last visited

1 Follower

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. I'd recommend trying this in the CSS Editor: a {background-image:none !important;}
  2. Here's what worked for me in the CSS Editor: .sqs-popup-overlay-close {display: none !important}
  3. I don't want visitors to be able to close my pop up until they click the button to confirm - is there an option for this?
  4. Here's what I used that works for tablet and mobile: @media only screen and (max-width: 1000px){ .folder-toggle-label, .subnav a, .page-collection a {color:white !important;} } Pasted that into the CSS Editor. You can reduce the "max-width: 1000px" to "640px" instead if you want it to affect mobile but not tablet.
  5. Just looking to change the font color for mobile devices only when using the Wexley template.
  6. Paste this into the CSS Editor: .excerpt-content {text-align:center}
  7. Wanting to center the excerpt text and read more link for blog posts on the Pacific template.
  8. Looks like this works actually: .Header-nav-folder-item:hover { color: red !important; } Paste it into the CSS Editor to try it out, and replace "red" with any color or color code you want.
  9. When my navigation is over a banner in Brine the folder nav links show the same color as my folder background color on hover. I don't want to change the active nav link color, just the hover color for links in a folder.
  10. There's a Chrome browser extension that will find the page's collection ID for you as well to make that easier: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  11. Here's what I'd recommend: First upload the logo image to the CSS Editor with the Manage Custom Files button Then go into the Notifications panel to edit the order email footer and add this code: Just add the URL between the quotation marks "" after src= with your logo image URL. This will also ensure that the logo image doesn't span the full width of the order email and has a line break between the image and any other text you have in the footer.
  12. You can also use this block identifier in Chrome to get block IDs easily: https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde
  13. @bcassin If the small container's iFrame code has "&mode=AGENDA" in it that would be the cause. Remove just those characters from the iFrame code and it should change it to a monthly view.
  14. I just tested out the Events page I linked as an example for this on an iPhone 6s and it looks like it's loading for me without issue. I'm not sure if your device needs troubleshooting if you're not able to see the page, but you might check to see that everything's up to date and try restarting the phone. I tested out the code you provided on a test page and used the CSS in the
  15. Hey Ben, sorry I didn't see this until now! Not sure why I didn't get a notification. As long as the iFrame's are both wrapped in this code it should allow you to hide and show one or the other on different screen sizes: <div class="responsive-iframe-container small-container"> *iFrame code for mobile goes here* </div> Both the "monthly" and "agenda" iFrames can be pasted into a single Code Block on the page, each one wrapped in the div code for the small container (mobile agenda view) and big container (desktop and iPad monthly view). The "@media" CSS pasted into the Page Header Code Injection section should hide and show each iFrame.
  • Create New...