Jump to content

creedon

Circle Member
  • Posts

    9,765
  • Joined

  • Last visited

  • Days Won

    80

Everything posted by creedon

  1. Please post the URL for you site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  2. The short answer is yes that should be doable. I suggest you hit us up at the time when you need to do this. In general we would use code to target specific social icons by position to open into a new tab/window. You could post a follow up to his thread or post a new thread when you're ready to tackle this task.
  3. Add a code block to your page with the following HTML. <select id="archive-pages" onchange="window.open ( this.value, '_self' );"> <option value="#"> Choose your page </option> <option value="/page1.html"> Page 1 </option> <option value="/page2.html"> Page 2 </option> <option value="/page3.html"> Page 3 </option> </select> You will of course have to change the page name values and urls. Let us know how it goes.
  4. @WaitthisisntReddit Please post the URL to the page where you want to apply these effects. I'm not sure exactly what you are trying to achieve so if you could provide more detail that would help. There are no ::during or ::middle pseudo elements only ::before and ::after. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  5. Add the following to Design > Custom CSS. /* hide cart quantity */ .CartTable-itemQuantity-225eT, .CartTableRow-itemQuantity-LwuRx { display: none; } This will hide all quantities on the cart page. Let us know how it goes.
  6. @Vodnik Check out Automatically calculate US sales tax. Not sure if this will help you immediately but there is hope for improvement in the sales tax situation.
  7. Add the following to Design > Custom CSS. #block-yui_3_17_2_1_1609164101016_6399 .summary-title-link:hover { background-color: red; padding: 10px; } You can adjust the color and padding to suit. Let us know how it goes.
  8. Please post the URL to your site. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  9. @DaleC I'm unable to reproduce the issue on my test site but here is what I would try to fix the issue. Create a new page in NOT LINKED area. Set it as the Home page. Go to your former home page and see if you can enable it. Set the former home page back to the home page. Let us know how it goes.
  10. Your are welcome. Thank goodness for language translators on the web! 🙂
  11. Add the following to Design > Custom CSS. /* using LESS syntax */ #block-203e5042f22ee7ce9c6e { .phone .two-digits .caption-text, .date .two-digits .caption-text, .date .four-digits .caption-text { display: none; } .phone .two-digits .caption:after { content: 'Χώρα'; } .date .month .caption:after { content: 'Μήνα'; } .date .day .caption:after { content: 'Ημέρα'; } .date .year .caption:after { content: 'Έτος'; } } To change Όνομα (Name) to Πρώτο και τελευταίο edit the form field. Let us know how it goes.
  12. Add the following to Design > Custom CSS. #collection-5f2b17fcf493e75e96fbf2e5 .collection-type-blog-side-by-side article a { pointer-events: none; }
  13. I believe derricksrandomviews is talking about editing the first image of the blog post.
  14. @BETresses Please post the URL for a page where the submit button is not working. If your site is not public please set up a site-wide password, if you've not already done so. Post the password here. We can then take a look at your issue.
  15. That page is using fullPage which uses Javascript. Javascript allows for a wider range of behaviour than CSS.
  16. The following CSS is causing the issue you mention. You can remove it or modify it to more specifically target it. @media screen and (max-width: 767px) { #page section:first-child { height:60vh !important; min-height: unset !important } }
  17. Just tried on my ancient iPhone 5/iOS 10.x/Safari. If I touch and hold a pop-up menu appears. So obviously that isn't what is desired as far as how the link reacts visually. I did notice that the browser did add a grayish background around the link making it kind of look like a button for a second. An example of how Safari on iPhone handles giving the user feedback when clicking on a link. Hopefully someone will have an answer for you.
  18. A general technical note for folks. Technically there is no hover on mobile devices. The concept of hovering requires a pointing device that is connected and communicating to the device the fact that the pointer is hovering over something. OK now we got that out of the way. I just touched and held your links in Chrome inspector using it's mobile testing feature and the hover effect did come through there. My reading suggests that different mobile browsers may or may not honor the hover effect. Further the "solution" is for every hover effect you also need to add an equivalent focus and active for mobile. Something like the following. h1:hover, h1:focus, h1:active { background-color: red; } Apparently order is import. What happens when you touch and hold a heading on your phone? Does it strikethrough? What phone make, os, and browser are you using? Let us know how it goes.
  19. Please post the URL to your store here. We can take a look at your issue.
  20. @ilrats33 If I understand correctly you offer prints that can be mounted in several ways but do not require a personalized message or engraving? Is that correct? If so I would think the standard product variants settings would work for you. Please see Adding basic product variants.
  21. It wouldn't hurt to change your passwords for email and your site. I prefer dice phrase passwords. See The Diceware Passphrase Home Page.
  22. Add the following to Page Settings > Advanced > Page Header Code Injection for the page. <script> $( ( ) => { $( '[data-form-id="5f5611b7a081cc5ab340fd40"] *' ) .filter ( ':input' ) .slice ( 0, 4 ) .attr ( 'tabindex', 1 ) .end ( ) .slice ( 4 ) .attr ( 'tabindex', 3 ) .end ( ) .slice ( 5, 6 ) .attr ( 'tabindex', 2 ); } ); </script> This is specifically for this site. Because we changed the visual order we now need to override the natural tab order. Let us know how it goes.
  23. @kindandbrave Glad its working. I made some minor changes to the script. Made it a little more user configurable friendly and I replaced the forEach with $.each. No real change to it's function though.
  24. @niketatripp Add the following to Design > Custom CSS. html, body { -ms-scroll-snap-type: y mandatory; scroll-snap-type: y mandatory; } #collection-5fbc285ad1f86032babc977e .page-section { scroll-snap-align: start; } This is for a v7.1 site but the code targets elements specific to this site. If you want the code to work on your v7.1 site it needs to be changed. Let us know how it goes.
×
×
  • 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.