jmerrill

@tuanphan Great thank you. This works and I think I'll just stick with this. Last request, can I disable the text showing as a link on mobile, since hovers won't work anyway?

@tuanphan Here's the code I added to my page - not quite working yet. Also, one last tweak request: Is there a way to have the image follow the cursor when hovering over text? URL: https://artdomain.co/about <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script> <script> $(document).ready(function(){ // redford $('#block-yui_3_17_2_1_1707952103266_14731 a[href="#redford"]').hover(function(){ $("#block-yui_3_17_2_1_1721156617453_16796").addClass("show"); $(this).addClass('layer-index'); }, function(){ $('#block-yui_3_17_2_1_1721156617453_16796').removeClass("show"); $(this).removeClass('layer-index'); } ); }); </script> <style> #block-yui_3_17_2_1_1721156617453_16796 { opacity: 0; transition: all 0.1s ease; } .fe-block-yui_3_17_2_1_1707952103266_14731 { position: relative; z-index: 99999 !important; } .fe-block-yui_3_17_2_1_1707952103266_14731 * { border: none !important; text-decoration: none !important; } .show { opacity: 1 !important; transition: all 0.1s ease; } .fe-block:has(.layer-index) { z-index: 999999999999999 !important; position: relative !important; } </style>

@tuanphan Love your share here. Is there any way to have the image display above the text on the z index? URL: https://artdomain.co/about

I've found a couple other options as well that you might want to look into: https://snazzyview.com/squarespace-plugins/p/slide-out-cart-plugin-squarespace https://squarerefresh.com/plugins/mini-cart

@tuanphan Never mind, figured it out. Simple fix - you just remove the thumbnail images from the variants when editing your product.

@tuanphan do you happen to have a fix for this?

I am using the Simple layout for product pages and have a string of product images displaying vertically. When I select a product variant (size), the page scrolls to the top. Is there a way to disable this page scrolling? URL: https://artdomain.co/apparel/p/unisex-t-shirt-13 Screen Recording 2024-07-04 at 10.16.16 AM.mov

URL: https://artdomain.co/shop/p/gustav-klimt-coloring-book-landscapes I have some code in place for a "Buy on Amazon" link in the product description to redirect to Amazon. Along with this there is some CSS to style the link as a button. The CSS works perfectly on desktop but at mobile size doesn't. Assuming this needs some kind of media query code??? Any help would be appreciated!

How can I simply change "Written By" to "Written by" (making "B" lowercase)?

Anyone found a solution to this? Facebook comments looks fine on desktop but tablet and mobile have a bunch of white space on the right. URL: https://artdomain.co/articles/the-curious-case-of-gustav-klimts-enigmatic-portrait-of-a-lady This is the code I added to the Post Blog Item Code Injection space: <div class="fb-comments" data-href="https://artdomain.co/blog{website.baseUrl}{permalink}" data-width="100%" data-numposts="5"></div>

Any updates on this issue SS?

I have the following page with a simple quiz on it—there will be many of these types of pages. I would like to know if there is a way clicking on buttons A, B and C reveals the section below it; while clicking on button D reveals the bottom section. Note: Once any button is clicked, the ability to click any other button is disabled.

Good points. I'll check.

@paul2009 I have a Contributor who is making blog entries for me. The blog entries are relatively simple (a title, image, very short excerpt, tag and category - no body text) but, there are now tens of thousands of them in total. As of last week she has been experiencing slow performance in adding blog entries now. However, when I go in and add blog entries, I don't have any issues. Any suggestions?

Not sure where else to post this so... I get an endless page load loop whenever I try to create a pricing plan. This isn't an isolated instance - happens every time. Anyone else having this issue? artdomain.co Screen Recording 2024-03-15 at 12.04.11 AM.mov

Solved by @creedon with following code: .ProductItem-details .ProductItem-details-excerpt a span { color : var( --siteBackgroundColor ) !important; }

@creedon worked great, thanks!

I'm using some code from this thread to have a product page buy button redirect to Amazon. Everything is working fine and I've figured out all of the CSS styling for the button - EXCEPT how to change the button text color to white. Feel dumb posting this one but can't figure it out. Any pointers? URL: artdomain.co

@creedon I'm using some of the code in this thread to have my buttons redirect to Amazon. I have all of the CSS set up the way I want to match my website buttons - except for the button text color which I'm trying to change to white. Simple as it seems, I haven't figured out how to change the text color. Any suggestions? URL: artdomain.co

Never mind - figured it out with Chrome Inspect.

@tuanphan Thanks - this works great on desktop. How do I change the left/right padding on mobile?

@paul2009 Thanks for this solution - I want to use it for a product I'm going to sell on Amazon but, how do I find the data item ID of the product item on my shop page? This bit below: .ProductItem[data-item-id="64de28e1c47649745ed0bd3c"]

I'm looking at selling books on my site through some print-on-demand service. Lulu is the current service I'm looking at but based on research so far it looks like there's no direct integration between Lulu and SS. However, I did come across a service called Onlizer and wondered if anyone has tried this or knows anything about them and if it works.

@nick_sh Amazing - better than what I wanted. Thank you!!!

@Web_Solutions Perfect, thank you!