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


Popular Content

Showing content with the highest reputation on 07/29/2020 in all areas

  1. 1 point

    Showing time zone on event pages?

    These days a lot of events are virtual. When I create an event page in Squarespace, it displays the local time in my time zone for all visitors, regardless of their time zone. Worse, it doesn't even tell visitors what my time zone is! If the time is displayed with no time zone, users are likely to assume it's being "smart" and showing things in their own time zone. Even if they figure out that's not the case, many users don't know my time zone. Worse still, I'm creating a virtual event that's co-hosted by someone in New York and someone in California, so even if users know that, there's no way for them to even begin to guess what time zone I mean for the event to be in! Virtual events should always, always, always list their time zone. How can I do this on a Squarespace events page?
  2. 1 point

    Instagram Blocks

    Hi, Whenever I update my Instagram, the content block on my website displays the photo I just posted as a black box with a white diagonal line through it. I have tried re-connecting and resetting data, but it still does this. Anyone else get this or know the fix? Thanks, Francesca
  3. 1 point

    [Share] Squarespace 7.1 CSS ID List

    Some CSS Class/ID for Squarespace 7.1 Header Header: header#header Site Title: a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Mobile Navigation Items: .header-menu-nav-item a Mobile Menu Icon: .header-burger Mobile Menu X icon: .burger–active Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Footer Footer: footer#footer-sections Footer Social Icons: footer#footer-sections .sqs-svg-icon–outer Footer Links: footer#footer-sections a Product List Product List: .collection-type-products.view-list Product Name: .grid-title Product Price: .grid-prices Product Image: figure.grid-image Product Currency: body.native-currency-code-usd .sqs-money-native:before Sold Out Text: .product-mark.sold-out Product Detail Product Detail: .collection-type-products.view-item Product Breadcrumb: .ProductItem-nav-breadcrumb Product Pagination (Previous/Next): .ProductItem-nav-pagination Gallery: figure.ProductItem-gallery Thumbnails: .ProductItem-gallery-thumbnails Big Image: .ProductItem-gallery-slides Product Name: h1.ProductItem-details-title Price: .ProductItem-product-price Currency: body.native-currency-code-usd .sqs-money-native:before Excerpt: .ProductItem-details-excerpt Add to Cart Button: .sqs-add-to-cart-button-wrapper Add to Cart Text: .sqs-add-to-cart-button-inner Variant Dropdown: .variant-option Variant Title: .variant-option-title Variant Options: .variant-select-wrapper option Quantity Text: .quantity-label Quantity Input: .product-quantity-input Cart Page Cart Page: body#cart Cart Title: .cart-title Item: .CartTable-itemLabel-3zzV1 QTY. .CartTable-itemLabel-3zzV1 span Price Name: .CartTable-itemPrice-XgjsO span X icon: .item-remove div Product Thumbnail: .item-image Product Name: .CartTableRow-itemTitle-1MDgZ a Quantity input: .CartTableRow-itemQuantity-LwuRx.item-quantity Price: .CartTableRow-itemPrice-26eXS.item-price Subtotal: .CartTable-subtotal-2nJjm Subtotal Price: span.CartTable-subtotalPrice-2JFeD Checkout: .CartFooter-checkout-28MW2.checkout Checkout Text: .CartFooter-checkout-28MW2.checkout span Variant Text: .CartTableRow-variant-1ihcF.variant Blog List Blog List: .collection-type-blog.view-list Thumbnails: article.blog-item img Date: time.blog-date Category: span.blog-categories-list Title: h1.blog-title Excerpt: .blog-excerpt Read more: a.blog-more-link Blog Posts Blog Posts Page: .collection-type-blog.view-item Blog Items: .blog-item-entry Categories: .blog-meta-item–categories Date: time.dt-published.blog-meta-item.blog-meta-item–date Author: .blog-meta-item.blog-meta-item–author.p-author.author Title: .blog-item-title Content: .blog-item-content-wrapper Pagination: .item-pagination Pagination Arrows: .item-pagination-link .item-pagination-icon Pagination Title: h2.item-pagination-title Author Box: .blog-item-author-profile-wrapper Author Image: a.author-avatar.content-fill Author Name: .author-name Author Site: a.author-website Post Comment: .squarespace-comments Post Comment Button: .comment.btn Comment Input: .squarespace-comments .new-comment-area Preview: span.btn-text.preview-comment.top-level-preview-btn Subscribe via email text: span.subscribe.subscribe-control Event List Page Event List Page: .collection-type-events.view-list Event Thumbnail: a.eventlist-column-thumbnail.content-fill Event Time: .eventlist-datetag Event Date: .eventlist-datetag-startdate.eventlist-datetag-startdate–day Event Month: .eventlist-datetag-startdate.eventlist-datetag-startdate–month Event Title: h1.eventlist-title Event Hour: li.eventlist-meta-item.eventlist-meta-time.event-meta-item Event Description: .eventlist-description Event Detail Page Event Detail Page: .collection-type-events.view-item Event Title: h1.eventitem-title Event Date: time.event-date Event Hour: li.eventitem-meta-item.eventitem-meta-time.event-meta-item Event Description: .eventitem-column-content Event Pagination: section.item-pagination.item-pagination–prev-next Previous/Next: .item-pagination-link .item-pagination-prev-next Event Pagination Title: h2.item-pagination-title Portfolio title: h3.portfolio-title item: .portfolio-grid-basic portfolio image: .portfolio-grid-basic .grid-image pagination: [data-collection-type=“portfolio-grid-basic”].item-pagination pagination text: h2.item-pagination-title pre text: .item-pagination-link–prev .item-pagination-prev-next next text: .item-pagination-link–next .item-pagination-prev-next Checked & Wrote by tuanphan
  4. 1 point
    Thanks, I had that post as a 'Featured Post,' so it was giving it a huge banner / header. Weird. I disable the 'Featured Post', and all is well. Thanks for your response, rwp!
  5. 1 point

    OnClick function for Button

    Site URL: https://dtmg.io Is there a way to add an onclick function to a button's href code? I've been googling and can't find anything. Thank you!
  6. 1 point

    Tweaking Footer Width with CSS?

    #footer { max-width: unset !important; } #footerBlocks-1 { width: 100% !important; float: none !important; }
  7. 1 point
    Whoops, forgot to hit save once I updated the settings. Now the site should be accessible. That was exactly the answer I was looking for! Thank you!
  8. 1 point
    @nonaforevs please disregard my last message. Your suggestion worked (I had input the font incorrectly on my end). Thank you very much for your help! I really appreciate it!
  9. 1 point
    Its not set to view even with a password. If 7.1, you change this in config with Design- Fonts-Advanced-Site Navigation-Size.
  10. 1 point
    Site URL: https://www.ginfo.fr/ Hi everybody ! my squarespace site is progressing well, but I'm trying to block the zoom in the google map API when the page scrolls with the mouse. But, if the visitor wishes to zoom, he can by clicking on the + button Do you have an idea ? Thank you so much
  11. 1 point
    Q1. You mean this page? https://lynx-whale-ladf.squarespace.com/ Q2. Add to Home > Design > Custom CSS /* summary title */ a.summary-title-link { font-family: 'ThaiHelvetica'; line-height: 2.2em; font-size: 15px; } /* Summary category */ .summary-metadata-item--cats * { font-family: 'ThaiHelvetica'; }
  12. 1 point

    Text to appear on click

    Alight, give this a go. Sorry for the run about, but I am tracking the plugin views to see what is popular. Head to my website: https://ultraoutlook.com/ Click the codepen link at the bottom. Then click scroll to hover. You will need to add the CSS to design -> CSS Then add the JS to the page code injection (don't for get to add the <script> and </script> tags. You already have jQuery on your page, so you don't need to do anything with that. Let me know how this works. The formula for the scroll location was one I found online, I didn't have time to write a different one, hopefully its ok.
  13. 1 point

    Remove colour overlays sitewide

    Add to Home > Design > Custom CSS .image-overlay { background-color: unset !important; }
  14. 1 point

    Set column number for one page

    Add to Hardcover books page settings > Advanced > Header <style> @media screen and (min-width:768px) { .list-grid { grid-template-columns: repeat(3,minmax(0,1fr)) !important; } } </style>
  15. 1 point
    You mean Order Confirmation Page?
  16. 1 point

    2 column image stacking on mobile?

    Add to Home > Design > Custom CSS @media screen and (max-width:767px) { div#block-5e9840e42d95cc671880ffd3+.row .span-2 { width: 50% !important; float: left !important; } }
  17. 1 point
    Add to Page Settings > Advanced > Header <style> @media screen and (max-width:640px) { .Parallax-item { display: none; } } </style>
  18. 1 point
    Sorry @Ptphotography I missed that bit! Add this to your custom CSS also: .image-block-poster-text-alignment-left .sqs-block-image .design-layout-poster .image-card > * { text-align: center !important; }
  19. 1 point
    Add to Home > Design > Custom CSS .header-actions a { font-family: 'SILVERSOUTHSCRIPT'; }
  20. 1 point
    Shopping Cart title or empty message? Add to Home > Design > Custom CSS h2.CartHeader-cartTitle-9Dk3d.cart-title { font-family: monospace; color: red; } .empty-message { font-size: 20px; font-family: fantasy; color: green; }
  21. 1 point
    This is brilliant! Thank you so much. Is it possible to make the white in the picture opaque? Slightly see through? If that makes sense! Thanks again.
  22. 1 point
    On 7.1, I use this CSS Code to hide the built-in login button that appears in the header: .user-account-link { display: none !important; } This hides it from all pages, so if you want it on some pages, you could create a link to the account login page on those pages.
  23. 1 point

    OnClick function for Button

    What do you want to do? https://www.w3schools.com/jsref/event_onclick.asp
  24. 1 point

    Adding anchor links in 7.1

    Another way to set anchor links: Set a code block above the point on the site you want to jump at (e.g. above a Headline, …). Fill the code block with an empty div: <div id="your-anchor-name"></div> Then set the link to jump to the anchor like this: /pagename/#your-anchor-link Hope that helps
  25. 1 point
    Yo Dawg, You can use CSS to achieve this: le CSS .bounce { position:fixed; left:50%; bottom:0; margin-top:-25px; margin-left:-25px; height:50px; width:50px; background:red; -webkit-animation:bounce 1s infinite; -moz-animation:bounce 1s infinite; -o-animation:bounce 1s infinite; animation:bounce 1s infinite; } @-webkit-keyframes bounce { 0% { bottom:0px; } 50% { bottom:15px; } 100% {bottom:30;} } @-moz-keyframes bounce { 0% { bottom:0px; } 50% { bottom:15px; } 100% {bottom:30;} } @-o-keyframes bounce { 0% { bottom:0px; } 50% { bottom:15px; } 100% {bottom:30;} } @keyframes bounce { 0% { bottom:0px; } 50% { bottom:15px; } 100% {bottom:30;} } le HTML <div class="bounce"></div> Currently it's a red square, however you can use a background-image of an arrow instead.
This leaderboard is set to New York/GMT-04:00
  • Create New...