spongebob-smc
Member-
Posts
38 -
Joined
-
Last visited
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
spongebob-smc's Achievements
-
Inscape reacted to a post in a topic: Gallery Grid with Overlay Captions on Hover - link not working?
-
Adding meta description to cart icon for accessibility
spongebob-smc replied to spongebob-smc's topic in Customize with code
@tuanphan @WillMyers any ideas?- 2 replies
-
- accessibility
- css
-
(and 1 more)
Tagged with:
-
How to add a code block class to all product pages
spongebob-smc replied to spongebob-smc's topic in Customize with code
That worked PERFECTLY! Thank you so much!- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
spongebob-smc reacted to a post in a topic: How to add a code block class to all product pages
-
How to add a code block class to all product pages
spongebob-smc replied to spongebob-smc's topic in Customize with code
@tuanphan Okay I have added it to footer. Here is a link to product: https://mouse-trout-epjy.squarespace.com/shop-all/p/alasdair-nicolson-42nd-street-stomp-download The markdown starts with 'shipping information' and I'd like to position it under product details and before related products. Thank you!- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
How to add a code block class to all product pages
spongebob-smc replied to spongebob-smc's topic in Customize with code
Same dropdown yes. This is a good idea to add it to footer but I don't know how to move it to product?- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
Site URL: https://mouse-trout-epjy.squarespace.com/ Hello, I have recently tested this site with screen reader users. One user told us that the screen reader (VoiceOver on Mac) read the cart icon in nav as 'ZERO' simply listing the number of products in the cart instead of describing the cart icon. I would like to add meta to describe the cart icon but not sure where I can put this? Any help would be appreciated 🙂 site pw: spong123
- 2 replies
-
- accessibility
- css
-
(and 1 more)
Tagged with:
-
Site URL: https://www.thebevystore.online/shop-bevy Hello, I have a custom nav underline but on dropdown it extends further than I would like it to (see screenshot). I would like to shorten the length of it but can't figure out how to do this. I have tried width % etc. but it is not working. This is the code I have: .header-nav-item--active a { border-bottom: 4px solid #FF7CBD !important; background-image: none !important; } Anyone have any ideas?
- 1 reply
-
- css
- navigation
-
(and 1 more)
Tagged with:
-
How to add a code block class to all product pages
spongebob-smc replied to spongebob-smc's topic in Customize with code
@tuanphan any ideas?- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
How to add a code block class to all product pages
spongebob-smc replied to spongebob-smc's topic in Customize with code
Okay thanks, but the part I am unsure about is how to append it to all product descriptions? I am new to JS so not quite sure yet 🙂- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
Beyondspace reacted to a post in a topic: How to add a code block class to all product pages
-
Site URL: https://mouse-trout-epjy.squarespace.com/shop-all/p/thomas-wilson-cello-sonata-download OK, this is the problem I have: I have 300+ products on this site and I would like to add an accordion dropdown showing delivery info to all product pages. I have this code already working on other pages using JS and a markdown block: <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script> I know that I can do this via the additional info section on products but obviously would need to do that 300+ times which is a pain. So I'm trying to figure out if there's a way I can add a markdown/code block class to all product pages so that every product page will automatically have it. It also means that my client will not have to add the code block when they add products. Any ideas? Thanks in advance 🙂 site pw: spong123
- 10 replies
-
- product-page
- javascript
-
(and 1 more)
Tagged with:
-
tuanphan reacted to a post in a topic: How to target elements in header on search page?
-
How to target elements in header on search page?
spongebob-smc replied to spongebob-smc's topic in Customize with code
@WillMyers that worked! thank you so much you are amazing 😊 -
How to target elements in header on search page?
spongebob-smc replied to spongebob-smc's topic in Customize with code
@WillMyers is it possible I haven't loaded libraries correctly? I have the following already: <script src="https://code.jquery.com/jquery-3.5.1.js"></script> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.2/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> -
How to target elements in header on search page?
spongebob-smc replied to spongebob-smc's topic in Customize with code
Aha! that seems like a great solution...unfortunately it hasn't worked 😞 any ideas? ps. spongebob name comes from a client who typed it instead of squarespace 😂 -
How to target elements in header on search page?
spongebob-smc posted a topic in Customize with code
Site URL: https://mouse-trout-epjy.squarespace.com/search Hi, I am trying to invert colour of the logo on my header on the search page (I have managed it on other pages eg cart, products etc) and also invert the CTA text colour in header too. this is the code I have for changing both on cart page: body#cart .header-title-logo img { filter: invert(1); -webkit-filter: invert(1); } body#cart .header-actions-action a { color: #000000 !important; } so I know this works on the cart page but I can't get it to work on the search page, have tried targeting .sqs-search-page and body#search but those don't work. am I just targeting the wrong thing? does anyone know how to solve this? site: https://mouse-trout-epjy.squarespace.com/search pw: spong123 -
can anyone help with this? just need to figure out how to target search button CTA in header menu but only on search page? https://mouse-trout-epjy.squarespace.com/search pw: spong123