Jump to content

crisisandcreativity

Member
 View Profile  See their activity

  • Posts

    29

  • Joined

  • Last visited

 Content Type 

Everything posted by crisisandcreativity

  1. crisisandcreativity
    I have this same question! How do you link from one page to a specific section of an accordion? I want a to link to this page, but it goes directly to the open Jewelry Care section: https://www.molinarostudio.com/info
  2. crisisandcreativity
    Hello, this does not seem to work in Safari, but does work for Chrome. Any work around for it to work in both/all?
  3. crisisandcreativity
    I might be getting different conversations on this thread confused, so I'm going to try and summarize/consolidate here. I added the code below to the Page Header of this Jewelry page in order to make the page content shift down when the accordion is open, and up when the accordion is closed. It works. I added the same code with a new, respective data section id number into the Page Header of a similar page and it works. However, even thought that code is not in the Page Header of this Info page, the images get bigger when the accordion is opened, as shown in the two screenshots, which never used to happen prior to this. I'm wishing for the image not to change when the accordion is toggled. This is the code I'm referring to, and there are screenshots attached: <style> section[data-section-id="62ff74d4ea4f8b2ff00d8312"] .fluid-engine { display: block; } </style>
  4. crisisandcreativity
    Thank you, I just did that and deleted the code from the custom css panel and the problem on the info page still persists. Do you have any other thoughts on this?
  5. crisisandcreativity
    I'm sorry, how do I add code to the Page Header of that page?
  6. crisisandcreativity
    It's on the jewelry page at the top. Where it says Phenomenon of Form.. that is a single accordion. I have one other issue. I added this code to make it so that the rest of the page below that accordion shifts up and down as you open and close it. section[data-section-id="62ff74d4ea4f8b2ff00d8312"] .fluid-engine { display: block; } It works, but I only want it to affect *that* accordion on that page. The code also affected the accordions on this page: https://www.molinarostudio.com/info which makes the picture get bigger when you open the accordion, which I do not want to happen. Can I make that code work only for the accordion on the jewelry page? Thank you!
  7. crisisandcreativity
    Yes, here it is: https://www.molinarostudio.com/jewelry
  8. crisisandcreativity
    @tuanphan Yes, here it is: https://www.molinarostudio.com/jewelry Thank you!
  9. crisisandcreativity
    @bangank36 Yes, that issue only started occurring when I added the code
  10. crisisandcreativity
    @bangank36 However I just ran into a problem. That code is effecting the accordion on my other page. Watch how the image grows when you expand the accordion on this page: https://www.molinarostudio.com/info I'd like that shifting effect only on the previous page I posted. Is that possible?
  11. crisisandcreativity
    @bangank36 Exactly like that, it works! Thank you so much!!
  12. crisisandcreativity
    Site URL: https://www.molinarostudio.com/jewelry Hi, I'm looking for the following accordion customization for only the page linked here, not the other accordions on different pages. Make the page content below accordion shift up when accordion closes Shorten the distance between the paragraph and the icon/end of divider line, so that the accordion and the paragraph are the same length
  13. crisisandcreativity
    @tuanphan Hi! With regard to the below, is there a way to do this to only one page and not across all accordions? Also, how to shorten the length between where the text ends and where the dividers end / icon (on the right) is? Thank you! @media screen and (min-width:768px) { .accordion-item__description { columns: 2; column-gap: 30px; } }
  14. crisisandcreativity
    @paul2009 I like your solution – but it seems there is no way to duplicate a store page? I am trying to have a second password-protected store that is identical to my first store, but with wholesale prices instead of consumer prices, so it's a private portal for my wholesale customers. If I create a new store page, a lot of my custom css gets messed up and I have to populate it manually. Do you have any ideas for solutions to this? Thank you!
  15. crisisandcreativity
    Hi, I'm having a similar but different problem. I have connected the TaxJar extension and set it up completely. In Squarespace's Commerce section, I checked that I want sales tax added at checkout. Yet when I do a checkout in trial mode, sales tax is not added even though there is a line item for it. Do you know what's going wrong?
  16. crisisandcreativity
    Wonderful, thank you!
  17. crisisandcreativity
    Thank you! When you click on 'add to cart' it does a goofy animation where it says 'adding...' and then changes to "added to cart". When it does this it loses the custom css I added to the original button which is this: /*Add to cart: Remove button padding*/ .sqs-add-to-cart-button { padding: 0px !important; min-height: 35px !important; letter-spacing: 0em !important; } /*Add to cart: Button hover styling*/ .sqs-add-to-cart-button:hover { opacity: 1 !important; border-bottom: 4px dotted !important; color: #100FOF !important; } I'd like to remove the animation so it just says 'added to cart' once you click it, and keep all the styling of how it looks before you click it.
  18. crisisandcreativity
    Oh I get it now! Thank you, you're a life saver 🙂
  19. crisisandcreativity
    Thank you so much for answering so quickly! What I'm finding though is that that 'Custom Form' is different from 'Custom Product Form.' The custom form applies to all orders, the custom product form applies to whatever product you assign it to. In the yellow box here they describe the difference: https://support.squarespace.com/hc/en-us/articles/205811218 Their instructions to find the custom product form includes going to a 'customize' section which does not exist for me. Any insights on that? Thank you!!
  20. crisisandcreativity
    Hi, I can't even find the Custom Product Form, only the Custom Form in checkout. The instructions in Squarespace's help center don't match what I see in my product editor. Can you please tell me how to create a Custom Product Form specifically? Thank you! Marissa
  21. crisisandcreativity
    Site URL: https://elk-drum-5kzr.squarespace.com/ Hi all, I'd like to move my 'add to cart' button to be right-aligned with my site. I've also added some custom CSS to change the look of the button, and some of that goes away once you click on it and it does it's animation to show "added to cart". I'd like to remove the animation so it just says 'added to cart' once you click it, and keep all the styling of how it looks before you click it. And of course, move it to the right. Site: https://elk-drum-5kzr.squarespace.com/ pw: livingthedream But I'm hoping to change the domain and make it live tomorrow morning. If I don't hear back before then I can post the new link. Thank you! Marissa
  22. crisisandcreativity
    Hi there, is there any possibility to address the above? I am also trying to move my 'add to cart' button on my product detail pages flush right and cannot figure it out. currently: https://elk-drum-5kzr.squarespace.com/ pw: livingthedream But I'm hoping to make it public with a new domain tomorrow morning. Thank you!
  23. crisisandcreativity
    Thank you, that worked! About what we did to move my mobile shopping cart and hamburger to right-align it, it seems that the right margin is still not even with the left on mobile, it seems to be a few pixels off (pictured) And that code affected the desktop version, so there is a gap in the nav and shopping cart (pictured) What I'm hoping for is all the right side nav and icons to be right-aligned on both mobile and desktop. Any help is much appreciated!
  24. crisisandcreativity
    Thank you, it's so close!! I tried tweaking it a little to go from bullets in between the items to the dotted slash symbol, but now I can't get rid of the solid upright slashes. My trial and error almost worked.. can you finish the job for me? Here is what I did, and how it looks: /*Mobile top nav/breadcrumb custom separators*/ span.breadcrumb-separator { content: "⋰" !important; opacity: 1 !important; position: relative; } span.breadcrumb-separator:before { content: "⋰" !important; }
  25. crisisandcreativity
    Thank you! Can you tell me how to right-align the burger and shopping cart with the margin of my mobile page? Right now it kind of floats toward the right instead of being anchored to the margin. I have another question. On the desktop version of my page, I changed the slashes in between the breadcrumbs to dotted slashes. I'd like to do that with the nav toward the top of my mobile page (they're not breadcrumbs though, it's the sidebar nav in the desktop version). I'll attach respective screenshots. https://elk-drum-5kzr.squarespace.com/ pw: forumhelp Thanks 🙂
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources