Jump to content

Beyondspace

Circle Member
  • Posts

    10,143
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by Beyondspace

  1. Get the URL on the asset Library 1. File Details -> Right Click on image the copy image address 2. On your code block, use the img tag and add the URL with the one you copy from library asset
  2. Have you make it yet? Share your URL so we can take a look
  3. Have you fixed it yet? I check on my device and it works properly without any scrollbar on the right
  4. Can you share your URL so I can take a look?
  5. Try replacing my previous code with the following one #collection-65d4ca134ce2a875379c1be8 .header { --solidHeaderBackgroundColor: transparent !important; } #collection-65d4ca134ce2a875379c1be8 .header-title-logo a { position: relative; } #collection-65d4ca134ce2a875379c1be8 .header-title-logo a img { visibility: hidden; } #collection-65d4ca134ce2a875379c1be8 .header-title-logo a:after { content:''; display:block; width: 100%; height: 100%; background-image: url(https://plus.unsplash.com/premium_photo-1712325632272-b0cbb2a27db6?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left:0; }
  6. Does SQSP Starter plugin expose any API to interact on how it works? Universal load all pages dynamically so i think that's the root cause of the confliction
  7. You can apply the following CSS code (add in custom CSS, not in code injection) to set the specific style for logo on Home Page only #collection-65d4ca134ce2a875379c1be8 { .header { --solidheaderbackgroundcolor: transparent !important; } .header-title-logo { a { position: relative; img { visibility: hidden; } &:after { content: ''; display: block; width: 100%; height: 100%; background-image: url(https://plus.unsplash.com/premium_photo-1712325632272-b0cbb2a27db6?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxlZGl0b3JpYWwtZmVlZHwxfHx8ZW58MHx8fHx8); /*add your logo url here*/ background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; } } } } let me know how it works
  8. The latest snippet for your site below @UKCWP <!-- sqs:beyondspace--date-format --> <script src="https://cdn.jsdelivr.net/combine/gh/csuwildcat/SelectorListener/selector-listeners.min.js,npm/dayjs-with-plugins@1.0.3/dist/dayjs-with-plugins.min.js,gh/BeyondspaceStudio/beyondspace-snippets@0.0.52/src/date-format/index.min.js" data-widget-config='{"outputFormat":"dddd DD-MM-YYYY","defaultLocale":"en"}'></script> <!-- /sqs:beyondspace--date-format --> Tips for other readers: always use the latest snippet on the page Beyondspace Dateformat, as I always update new changes to the script regularly
  9. You can try the following code @media only screen and (max-width: 1024px) { #collection-60d9e67efc07d56954523f28.header--menu-open .header-menu-nav-item:nth-child(5), #collection-60d9e67efc07d56954523f28.header--menu-open .header-menu-nav-item:nth-child(6) { display: none; } } Let me know how it works on your site
  10. How do the adaptive header and solid header look like? Can you show some examples?
  11. Can you share your URL with protected password so I can take a look? Site-wide passwords – Squarespace Help Center
  12. Your site is set with private now. Provide it a password so I can access it Site-wide passwords – Squarespace Help Center
  13. I saw the issue, please take off the code so I can check what was wrong, both in your blog code injection and the footer @UKCWP
  14. Correct format should be dddd-DD-MM-YYYY, @UKCWP You must use the token that have been introduced on the page, correct snippet for you page should be, also why dont you place it in Footer? will help unify the dateformat across post list as well REMOVED Tips for other readers: always use the latest snippet on the page Beyondspace Dateformat, as I always update new changes to the script regularly
  15. Usually we can use download attribute to trigger download file from a link, but Squarespace images are stored on their CDN, which has different domain (cross-origin) from user website, therefore the download attribute may not work as intended Chrome deprecations and removals announcement
  16. I tried to click arrows but can not reproduce the issue? What I need to do?
  17. Update 01-April-2024 Latest changes on dateformat plugin - Update Blog item and Blog list item on Brine 7.0 template - Update the mechanism of the date formatter using DOM attribute for faster initialization Checkout latest version of date format here
  18. You can change your code to p { font-family: 'PPPangramSans-CompactRegular'!important; } Note: DOM element p1,p2,p3 do not exist, we only have p element
×
×
  • 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.