Jump to content

ebRa

Member
  • Posts

    9
  • Joined

  • Last visited

Reputation Activity

  1. Like
    ebRa reacted to paul2009 in Navigation Folder Not Clickable   
    In the original posts, I explained that Squarespace have prevented clicking on nav folders in 7.1 which is why previously-posted solutions don't work.
    Please see my post entitled How to make Squarespace navigation dropdowns clickable.
    Did this help? Please give feedback by clicking an icon below  ⬇️
  2. Like
    ebRa reacted to Zinaida in Add border around image shape in FE   
    Thank you Creedon, i read the thread you attached. What an odd thing for SS to throw out/not address. Hopefully, the ability to add a simple border to a chosen photo shape will be part of the program soon -whether you code the shape or use one of the in house options.
  3. Like
    ebRa reacted to MarieAlli in Import: "Missing column Add PRODUCT ID column" When the column is there   
    Thank you!
    This completely fixed my upload errors. I wish this was included in the instructions or the instruction video.
    I used Excel and it worked just fine. Just had to make sure it is saved as a Comma Separated Values (.csv) format instead of the CSF UTF-8 Comma Delimited (.csv) format. Correct one highlighted below. 

  4. Love
    ebRa got a reaction from raissaventura in .svg section-background v.7.1   
    Find the ID of the section (Google extensions: Squarespace ID finder) + add the class of the background image (.section-background): 
    section[data-section-id=“yourDataSectionID”] .section-background {
    }
    After that, creates svg code. Here you area good tutorial for that:
    https://css-tricks.com/using-svg/   
     
    And once the .svg chart code is generated, we assign it to the "background-image" property in the stylesheet code keys:
    section[data-section-id=“yourDataSectionID”] .section-background { 
        background-image: url(”data:image/svg+xml;base64,[data]”)
    }
     
    I hope this helps you!!! :)
  5. Like
    ebRa reacted to kmds in How to take off newsletter message: This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply   
    Quite sure this new reCAPTCHA text (and the popup) are entirely GDPR (and other privacy laws) related. As I'm sure many of you are aware, that is a very large privacy law from Europe, and if any visitors of your website come from Europe, your site MUST be GDPR compliant. As this is the *internet* we're talking about here, it's theoretically possible that every website could have European users. 
    reCAPTCHA collects user data and is a Google product. Because it collects user data, it, by law, must display their privacy policy clearly and plainly to the user exactly where that data is being collected. Because reCAPTCHA is a Google product, I believe it may be Google's responsibility to follow this law where their product is offered. Especially considering it is Google's privacy policy and terms that it's linking to, not our web sites' or Squarespace's.
    From understanding this, it becomes pretty easy to imagine that Google is requiring Squarespace to display this text (and exactly this text) wherever reCAPTCHA is used, or Google will disallow Squarespace from using or providing the reCAPTCHA product. So the message that "we had no choice, we had to add this text" makes perfect sense. OR, if the responsibility falls to Squarespace, then they just may want to cover their butts on the privacy law front.
    GDPR is getting quite serious with enforcement now that it's been out for a few years (since May 2018), and the penalties are quite steep for noncompliance.  
    Fortunately or unfortunately (depending on how you feel about privacy laws), I see this becoming an even more prevalent "skin" on the internet. It is not enough to put this information on some other page somewhere, or hidden away somewhere else. It must be plain and clear wherever the user's data is being collected. The user has a right to know exactly when and where their data is being collected, and how it's going to be used. That is the basic logic behind GDPR (and other privacy legislation).
    And of course for my own disclaimer - I am not a lawyer, this is just how I've come to understand the law and how it impacts websites.
    It would be nice if there was at least styling options, or even translation options, as that is what lead me to this thread. Because it's quite ironic that by law, the notification of data collection MUST exist, but you cannot translate the text so that your users can actually use it? I think the clarification on if your policies, etc., need to be translated is still quite fuzzy. We'll have to wait and see how the law continues to be interpreted in the courts.
    Hope this at least brings some clarification to the possible motivation behind this strong-armed text addition. 
    ✨ Hooray international privacy law ✨
  6. Like
    ebRa reacted to paul2009 in New GDPR requirements for cookies in UE (Spain, France...) - choice to decline cookies for users   
    A new cookie opt-out was added last week.
    See the post on my change log or take a look at the updated support guide: Adding a cookie banner.
     
  7. Like
    ebRa reacted to AlexM23 in Why Doesn't SS allow us delete/manage our own imported images?   
    Add an option to delete uploaded assets!
    I want full control over whatever images I want or not uploaded on my website.
    I'm starting to consider asking for a refund, this is borderline illegal besides being counter productive.
     
  8. Like
    ebRa reacted to freelancervillepalmu in Why Doesn't SS allow us delete/manage our own imported images?   
    Hey! I'm working on a site and I played around the options (newest version of Squarespace) a lot. This uploaded the "dummy-images" on the site every time and now when browsing uploaded images it is hard to find the relevant pics.  How do I manage the images uploaded to the site? I'd really like to remove all of the unused images. 
    Screenshot from the media browser below.

  9. Like
    ebRa reacted to MTV in Why Doesn't SS allow us delete/manage our own imported images?   
    Same here! Working on a client website and decided to try Squarespace versus my Wordpress resource. Uploaded a ton of FPOS and went to clean out the image library and learned that you can't delete imported images. WTF? Who in the world thought this was a good idea? HUGE FAIL! Without that function I will never use SquareSpace for another client website again. This client now has a TON of images that will never be used.
  10. Like
    ebRa reacted to MMEbyKiandraTrickett in Why Doesn't SS allow us delete/manage our own imported images?   
    Definitely following this thread. I feel this is my biggest frustration with Squarespace. Especially seeing there is a lot of trial and error with image sizing so could result in multiple uploads. 
    I've been looking to see if they have "vote this feature" in anywhere like other platforms do. Because I would press is a million times!
  11. Thanks
    ebRa reacted to tuanphan in [Share] Squarespace 7.1 CSS ID List   
    Some CSS Class/ID for Squarespace 7.1
    Announcement Bar
    Announcement bar: .sqs-announcement-bar-dropzone Announcement bar text: .sqs-announcement-bar-dropzone p Announcement bar link: .sqs-announcement-bar-dropzone a Announcement Bar Close Icon: .sqs-announcement-bar-close OR .sqs-announcement-bar-close:after Header
    Header: header#header Sticky Header: header.shrink Header (not include sticky header): header#header:not(.shrink) Header (when burger menu is open): body.header--menu-open header#header Header (when burger menu is close): body:not(.header--menu-open) header#header Site Title: a#site-title Site Title (when overlay menu open): .header--menu-open a#site-title Site Title (when overlay menu close) body:not(.header--menu-open) a#site-title Navigation: .header-nav Navigation Items: .header-nav-item a Navigation First Item: .header-nav-item:nth-child(1) a Navigation Second Item: .header-nav-item:nth-child(2) a Navigation Dropdown: .header-nav-folder-content Navigation Dropdown Items: .header-nav-folder-item a Navigation Folder Title: a.header-nav-folder-title Mobile Navigation Items: .header-menu-nav-item a Mobile Navigation First Item: .header-menu-nav-folder[data-folder="root"]>div>div:first-child Mobile Navigation First Item (text): .header-menu-nav-folder[data-folder="root"]>div>div:first-child a Mobile Navigation Second Item: .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(2) Mobile Navigation Second Item (text): .header-menu-nav-folder[data-folder="root"]>div>div:nth-child(2) a Mobile Menu Icon: .header-burger Mobile Burger 3 lines: .burger-inner>div Mobile Menu X icon: body.header--menu-open .burger-inner>div Header Social Icons: .header-actions .icon Cart Icon: header#header span.Cart-inner Cart quantity: header#header .icon-cart-quantity Header Button: header#header a.btn Header Desktop Button: .header-display-desktop a.btn Header Mobile Button: .header-menu-cta a a 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 Page Title: .cart-title Product Name: a.cart-row-title Product Thumbnail: div.cart-row-img Qty minus: .cart-row-qty-dec Qty plus: button.cart-row-qty-inc Qty number: input.cart-row-qty-input Price: .cart-row-price X icon: .cart-row-remove or .cart-row-remove svg Sub total text: .cart-subtotal-label span Sub total price: .cart-subtotal-price Checkout Button: button.cart-checkout-button   Item: .CartTable-itemLabel-3zzV1 QTY. .CartTable-itemLabel-3zzV1 span Price Name: .CartTable-itemPrice-XgjsO span X icon: .item-remove div Blog List
    Blog List: [class*="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: [class*="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 Blog Grid
    updating
    Blog Masonry
    updating
    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 List Simple
    List Simple: .user-items-list-simple Image: .user-items-list-simple img First Item: .user-items-list-simple li:nth-child(1) Second Item: .user-items-list-simple li:nth-child(2) List Content: .user-items-list-simple .list-item-content Title: .user-items-list-simple h2.list-item-content__title Description:  .user-items-list-simple list-item-content__description OR .user-items-list-simple p List Slideshow
    List Slideshow: .user-items-list-banner-slideshow Image: .user-items-list-banner-slideshow img First Item: .user-items-list-banner-slideshow li:nth-child(1) Second Item: .user-items-list-banner-slideshow li:nth-child(2) List Content: .user-items-list-banner-slideshow .slide-content Title: .user-items-list-banner-slideshow h2.list-item-content__title Description:  .user-items-list-banner-slideshow list-item-content__description OR .user-items-list-banner-slideshow p Arrow Circles: .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button Arrow Icons: .user-items-list-banner-slideshow .user-items-list-banner-slideshow__arrow-button svg Button: .user-items-list-banner-slideshow .list-item-content__button List Carousel
    List Carousel: .user-items-list-carousel__slides Image: .user-items-list-carousel__slides img First Item: .user-items-list-carousel__slides li:nth-child(1) Second Item: .user-items-list-carousel__slides li:nth-child(2) List Content: .user-items-list-carousel__slides .list-item-content Title: .user-items-list-carousel__slides h2.list-item-content__title Description:  .user-items-list-carousel__slides list-item-content__description OR .user-items-list-carousel__slides p Arrow Circles: .user-items-list-carousel__arrow-button Arrow Icons: .user-items-list-carousel__arrow-button svg Button: .user-items-list-carousel__slides .list-item-content__button Fluid Engine
    Fluid Block (text block, image...): Each block is wrapped by the same class name .fe-block and a unique id. And All .fe-blocks will be wrapped by a parent tag with a class name of .fluid-engine
     
    Checked & Wrote by tuanphan
  12. Thanks
    ebRa reacted to maxspace in .svg section-background v.7.1   
    Thanks guys, you are amazing!!
  13. Like
    ebRa reacted to colin.irwin in Text Outline/Drop Shadow in Navigation in Aviator   
    This puts a grey 'glow' behind your navigation links. Put it in your custom css. 
    nav#main-navigation { text-shadow: 0px 0px 3px #aaa; } The parameters (in order) are
    Horizontal shadow offset - currently set to 0px so it sits behind the image) Vertical  shadow offset - currently set to 0px so it sits behind the image) Blur radius - set to 3px so that it casts an omnidirectional shadow. Reduce this value to make the shadow sharper.  Color - currently set to a mid gray
  14. Like
    ebRa reacted to tuanphan in .svg section-background v.7.1   
    Add above code to Home > Design > Custom CSS
    How to find data section id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en
    How to convert svg icon to base64 code. https://base64.guru/converter/encode/image/svg
×
×
  • Create New...

Squarespace Webinars

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

Hire a Designer

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