dross

The title kind of says it all. Having a nightmare with Stripe and selling art products into the European Union. Not sure how anyone does any of this easily and affordably. FastSpring seems like a potential solution, but not sure how easy/difficult it is to integrate with SquareSpace. Anyone have experience with this? Thanks in advance.

Thanks for offering to potentially help. Here is a link to one of the posts: https://www.ocpd.org/articles/the-role-of-experiential-avoidance-in-obsessive-compulsive-personality-disorder-traits

I am wondering if it would be possible to include the author's image to the right of the author's name at the very top of each blog post? I found code that allowed you to place the author bio below the title, but it doesn't look great and there is too much white space. I don't need to have the full bio either. Just looking to place the circular image next to the name. Thanks to anyone that can help.

Thanks. I can see why the problem exists now. Just wish Squarespace would have provided me with this information before I built my entire site on 7.1

Thank you for your explanation. Going back and looking at my own screenshots I can see what's happening. I'm not sure why I didn't catch it, but thanks to your explanation I can see it now. Unfortunately, my website has over 100 pages and it is complete, so there's absolutely no chance that I'm going to go back and switch everything back to classic. Not to mention, I have zero faith that Squarespace won't get rid of classic at some point. It's a damn shame that this information wasn't presented ahead of time, or that Squarespace didn't highlight the pros and cons of using 7.0 and 7.1. Sorry for the rant, but it's frustrating knowing that this is just something I'm going to have to live with. Thank you again for providing the clarification though.

My apologies. What do you mean by "line feeds"? There is no blank line below the final line of text where you see the spacing in the images. This spacing is being generated below the final line of text.

In theory, fluid engine is great. There have been some enjoyable updates in 7.1. However, getting my website to look professional and consistent has been a nightmare. One of the greatest challenges I've faced (and so far been unable to overcome) has been the spacing at the end of text blocks. For every paragraph on my site, there is a different amount of space below each text block (see attached screenshots with spaces circled in red). I have tried for months to resolve this. The spacing doesn't look significant when you are in the editor, but believe me, once you are on the actual site it is a nightmare. The spacing is different on every device. Quite often it just looks like garbage. It literally looks like I've made spacing mistakes on every page of my site. If anyone has a clue as to how to remedy this, I would be forever indebted. I don't care if the space is teeny tiny or enormous, I just want the spacing to be consistent. Thanks for letting me rant.

Thank you so much. I had some old code that was causing a conflict. I only had to delete that code and that seemed to fix my problem. I have one last small issue if you think that you're able to assist. The desktop version is now perfect. But the code, when applied to mobile, isn't working as I need it to. For mobile, the accordion menu should come after the "related products". I'm sure it's just a little bit of tweaking required, but I can't seem to fix the code without impacting the desktop version. This is the code that I'm using to put the accordion menu where I want it to be: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ $('footer.sections section:nth-child(2)').insertAfter('section.ProductItem'); }); </script> <style> section.ProductItem+section { display: block !important; } </style> <script> $(document).ready(function(){ $('[data-section-id="6587e7821c4ad2328f2cb31c"]').insertBefore('div.ProductItem-relatedProducts'); }); </script> <style> @media screen and (min-width:992px) { [data-section-id="6587e7821c4ad2328f2cb31c"] { float: right !important; width: 50%; } } </style> And this is the CSS I'm using to properly order the sections/elements on desktop: /*Squareskills product page reorder*/ #pdp .collection-content-wrapper { display: flex; flex-direction: column; } .collection-content-wrapper .ProductItem-additional { order: 1; } .collection-content-wrapper .reviewsSection { order: 3; } .collection-content-wrapper .productItem { order: 2; }

Thank you so much. Worked exactly as I'd hoped it would.

Thank you very much. If what I'm asking for next is easier with classic mode, I'm happy to try and switch to that. So your code was great. I had to make a few tweaks, but I imagine that had to do with the "classic editor" situation. The only issue I'm having now is that the related products are not taking the full amount of the space. I have edited the code to only show two related products in order for them to display at a larger size. If you see the attached image, I'd like to increase the size of the two related products to fill up the entire space. Thanks again for your help.

Exactly. That's precisely what I'm trying to do.

https://www.lewisrossignolart.com

Make the accordion (which contains the shipping info) and related side by side.

Hello all, In the main nav on the website I'm working on, two of the pages in the main nav are just links to specific category pages in the shop. I removed the "all' from the shop. The client wants to land on "best sellers" when people click the shop button in the top nav. The issue is that the "shop" nav doesn't show as active when in the store using this method. Is there some code I could use that I could insert into each category page for the shop, that would show the top/main nav as active when visiting that page? Hopefully this makes sense.

Hello all, I am trying to accomplish two things at once and have only been able to solve the first of two so far. I wanted to create an accordion menu that replaces the "additional info" section on all product pages. I was able to do this with the following code placed in the footer code: <script> $(document).ready(function(){ $('footer.sections section:nth-child(2)').insertBefore('section.ProductItem'); }); </script> <style> section.ProductItem+section { display: block !important; } </style> However, I feel that it would be a better use of space to have the "additional info" section and the "related products" section in the same row, instead of in a column on top of each other. I have messed around with the code for a few hours with no luck. I'm not sure if it's not possible because of the accordion footer code, or if I just don't know what I'm doing, haha. Anyway, I'm attaching a Photoshopped image of what I'm trying to do and here is a link to one product on the site so you can see where I've implemented the code. https://www.lewisrossignolart.com/original-artwork/p/core-7gmsa-edaxs-ye6yk I'd also like those two sections to be above the reviews. I have some code that was working for that, but I removed it while trying to figure out all the rest of what I'm trying to do.