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 05/07/2020 in all areas

  1. 1 point
    tuanphan

    [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
  2. 1 point
    tuanphan

    Five template Header Padding

    Add to Home > Design > Custom CSS nav#main-navigation { margin-top: 20px; margin-bottom: 20px; }
  3. 1 point
    In your Home page settings (click the little gear icon beside your homepage), choose Advanced, then paste in this code: <style> .site-title-wrapper {display: none;} </style> Edited to add: You'll need a business plan or higher in order to use custom code. If you are on a personal plan let us know and someone can help with a CSS workaround.
  4. 1 point
    Can you share link to store page? Which product? You want to hide 1 or ??? products?
  5. 1 point
    Hi @MathildeB, You can setup a link for that button in the Clickthrough URL field within the button editor window. Check this Squarespace help article for more details: Button Blocks
  6. 1 point
    These are all 7.1 design styles all from one template with different layouts and colors. https://www.squarespace.com/templates
  7. 1 point
    LKR

    Adding missing custom social icon( discord)

    its for header for social icons block
  8. 1 point
    tuanphan

    Product Details Rollover Text

    Remove above & add this to Home > Design > custom CSS .ProductList-item:hover h1.ProductList-title { color: red !important; }
  9. 1 point
    Can you share link to page in screenshot?
  10. 1 point
    Add to Home > Design > Custom CSS body:not(.homepage) .Header-branding { max-width: 190px; max-height: 190px; }
  11. 1 point
    Ok, thank you. I dare say I'll be asking for your help again soon!!😂😂
  12. 1 point
    The reason there is so much space here is because of the margin setting for your 'p' tag. It's currently set to '1rem 0;' which puts a significant gap between all paragraphs on your site. You can see this same spacing between the paragraphs on the Berry Fritz introduction. These elements should really be headers and not p elements. Can you change their content element type?
  13. 1 point
    Hi all https://www.ghostplugins.com/steps/9ehnk49g I installed this plug in to Chrome and it lets you solve the issue perfectly. It's helped with numerous 7.1 sites now. Sorry for the delayed reply.
  14. 1 point
    KoDesign

    Copying Gallery Blocks

    Hi Heidi, There's no way to copy the Block but you can reuse the images in the new block. You need to Click the + icon in the bottom-right corner of the Gallery Block editor, then click Search Images. In the Image Search window, click Imported. You should see all the images that you've uploaded and can reuse the image you've already uploaded. Squarespace have a guide about it here: https://support.squarespace.com/hc/en-us/articles/206542377-Reusing-images Let me know if that works for you.
  15. 1 point
    tilegore

    WhatsApp Icon in "Social Links"

    I believe that this is today one of the mishaps that costs Squarespace a lot ... in countries like India, Brazil, Indonesia, Colombia, Portugal, Spain, Italy and even the USA, which is currently the 3rd in the list of users of the application there must be thousands of customers who give up subscribing to Squarespace just for this reason. Here in Portugal is the first question from the people that I present Squarespace, always! Whatsapp is the world's largest messaging app and all of Squarespace's competition has this option for customers, we don't have to wait a lifetime for this and limit our business possibilities ... they have to take a look at this topic and we have to open more complaints.
  16. 1 point
    If you have not built a site yet, 7.1 which is one template with different design starting layouts, allows you to set background image per page. If you are wanting to build on 7.0 or have a site there already this is the info you need: Different templates sometimes need different code. This is a good place to look for what you need, I warn you it will take a bit of work. You will have have a unique url for each image and the collection id ( needing an id depends on the template) for each page and the code will have to be entered for every page. The id can be found using a chrome plug in found here Squarespace Collection/Block Identifier - Chrome Web Store The first place to look for your code is here: https://beaverhero.com/squarespace-background-image/ which will help to determine if you need to have the unique id for your template. Background Images can be uploaded from the custom css window. Once you open it you will see manage custom files button at the bottom. Upload an image for each page that has a unique image. One last thing. The background image will not look the same on mobile and desktop. Something like a sunset, beach that kind of thing looks okay but it is best to view your changes from all devices.
  17. 1 point
    yes! @SQUARESPACE add whatsapp as an social link!! it's an important thing for us who have an online shop!!
  18. 1 point
    Ok, got it. I was firing the jquery change() and didn't realize it was looking for me to make my own change code instead of triggering the listeners for the select created by squarespace. document.querySelector("select[data-variant-option-name='Color']").dispatchEvent(new Event("change")); Works now.
  19. 1 point
    I see images here. Did you solved?
  20. 1 point
    You can buy this plugin & use/research ☠️
  21. 1 point
    mportch

    Social Sharing on 7.1

    I agree these are ugly. We need the option to change colours and create something less intrusive. This should be base-standard with Squarespace and can't believe it's not on 7.1!
  22. 1 point
    PDChappelle

    Social Sharing on 7.1

    I really wish Squarespace would hurry up and roll out this feature. The ShareThis buttons are ugly and criminally outdated. They looked cool in 2009, not so much now.
  23. 1 point
    So, who might be in charge for the implementation of this to all Squarespace websites? We need it so badly, all Squarespace sites are illegal with the old cookie consent right now, the only legal solution in the EU as of today is to switch off all cookies, which is such a bad idea when it comes to all things marketing & analytics. Dear @yoshe are you involved in this?
  24. 1 point
    Still, 7.0 is very good. The Brine Template is good, one of the best. Nothing says you have to use 7.1. Me, I was in Telecom software development for years, a beta tester for EA and .1 was never my favorite thing to use no matter if it was software or Firmware. I don't think 7.1 is really 8.0 if you know what I mean. That will come at some point I am sure.
  25. 1 point
    Hi Paul, thank you very much for the feedback. The problem with third-party solutions is, that they cannot control all Squarspace's cookies. So far we have used Cookiebot in connection with the Google Tag Manager. But also here, only cookies that can be entered in the Tag Manager are controllable. Obviously this is possible on the German Squarespace site with Trus Arc. Example: Adobe font (typekit) and LinkedIn My next question to the forum is, who has experience with Trust Arc or with a GDPR compliant solution of a third party. I need this solution for 10 Sqaurespace customer sites.
  26. 1 point
    I am trying to have the navigation bar on Bedford be fixed. How can I make that happen?
  27. 1 point
    I am displaying my past events on a separate page through a list summary. The events are ordered most recent at the top of the page and the oldest at the bottom. Can I reverse the order without changing the dates?
  28. 1 point
    Might need to add the Important declaration: header#header { position: fixed !important;}
  29. 1 point
    I stripped down the code you gave as an example and added unique IDs to the containing div and the a link so that they can be easily targeted for styling. In a Markdown block insert the following: <div class="sqs-block-button-container--center" id="cta-button-container"> <a href="/new-client-signup" class="sqs-block-button-element--large sqs-block-button-element" id="cta-button">I'm New! Sign Me Up! </a> </div> Then, in Custom CSS insert the following: #cta-button-container { text-align: center !important; } #cta-button { text-align: center !important; background-color: #d95430; border-radius: 300px; -webkit-box-shadow: 0 3px 0 0 #b13f21; -moz-box-shadow: 0 3px 0 0 #b13f21; box-shadow: 0 3px 0 0 #b13f21; position: relative; -webkit-transition: .1s background-color linear; -moz-transition: .1s background-color linear; -o-transition: .1s background-color linear; transition: .1s background-color linear; padding: 25px 46px; color: #fff; border-color: #d34b27; font-size: 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: 600; font-style: normal; width: 220px; } #cta-button:hover { background-color: #fff; border-radius: 300px; -webkit-box-shadow: 0 5px 0 0 #b13f21; -moz-box-shadow: 0 5px 0 0 #b13f21; box-shadow: 0 5px 0 0 #b13f21; position: relative; -webkit-transition: .1s background-color linear; -moz-transition: .1s background-color linear; -o-transition: .1s background-color linear; transition: .1s background-color linear; color: #d95430; }
  30. 1 point
    I came up with one solution for this so far, I have added this to the Custom CSS Editor and it seems to be working: header#header { position: fixed }
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...