Jump to content

tazmeah

Circle Member
  • Posts

    574
  • Joined

  • Last visited

2 Followers

Personal Information

  • Location
    Detroit, MI

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. Hello, MeKenzie. It looks like the problem is that although you have a link below the painting, the controls for navigating to the previous and next painting in the gallery are on top of the link. Maybe there is a way to pull the link forward and above the controls, but I can't see how to do that. Barring solving that, I'd recommend a different solution. Here is one that could work with your current approach. What if we disabled the previous and next clicking that happens on top of the lightboxed image, and instead wrote code that says, "If you click the image and it has a link underneath it, take us to wherever the link is supposed to go." That code would be this: document.addEventListener( "click", function (e) { if ([...e.target.classList].includes("gallery-lightbox-control")) { e.preventDefault(); e.stopImmediatePropagation(); if (jQuery("figure[data-active='true']").find("a").length) { } window.open(jQuery("figure[data-active='true']").find("a").attr("href"), "_parent"); } }, true ); Also, about halfway down in the code where it says "_parent", that means to open the link in the current tab. To open in a new tab, change "_parent" to "_blank". I hope this helps or that you all come up with a better solution.
  2. The image you are using for your logo (Yellowbox COLLECTIVE) is a square one. Can you replace it with a cropped version to make it more rectangular – wider than tall? Once re-uploaded as a rectangle, I think that will solve your problem.
  3. @SpeckleDigital I'm assuming you have this solved. When I visited the site, I see a hamburger menu that goes from 2 black lines to 2 orange ones on hover, and arrows which grow in size as I hover over its menu items.
  4. Try this. https://developers.squarespace.com/
  5. Very well explained. I've updated your code. Please let me know if that solves your problem. <!-- Noscript content for added SEO --> <noscript><a href="https://www.eventbrite.com/e/happy-hour-with-luke-elena-january-tickets-135561675621" rel="noopener noreferrer" target="_blank"></noscript> <!-- You can customize this button any way you like --> <button id="eventbrite-widget-modal-trigger-135561675621" class="sqs-block-button-element--medium sqs-block-button-element" type="button" style="border:none;">Buy Tickets</button> <noscript></a>Buy Tickets on Eventbrite</noscript> <script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script> <script type="text/javascript"> var exampleCallback = function() { console.log('Order complete!'); }; window.EBWidgets.createWidget({ widgetType: 'checkout', eventId: '135561675621', modal: true, modalTriggerElementId: 'eventbrite-widget-modal-trigger-135561675621', onOrderComplete: exampleCallback }); </script>
  6. Are you saying you want the Category names alphabetized: Category "A", Category "B", ....Category "G", or are you saying you want the books within the categories alphabetized: Category "G" - Books "A", "B",..."Z", Category "C" - Books "A", "B",..."Z" or are you saying alphabetize them both?
  7. Please try adding the "!important" to both lines, to make sure no other rules are competing. Like so. /* remove ALL from products list */ section.products-list nav { display: none !important; } /* make SEND button on About page larger on mobile ONLY */ @media only screen and (max-width: 441px){ #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] { min-width: 18rem !important; } }
  8. Please try this Custom CSS on that page: /* code for fuller thumbnail titles */ .image-slide-title { white-space: normal; } You can replace the word normal with any of the following: break-spaces inherit initial pre-line pre-wrap revert unset
  9. Please try this. I tested it on seven (7) of your blog posts and it worked fine. @media only screen and (min-width: 641px) { [data-layout-label='Post Body'] > :first-child :first-child:not([id]).col { position: sticky; top: 200px; } } Personally, I'd adjust the 200px portion to a smaller number, but that's just my opinion. In two tests, 174px appears to make the text "fixed" in place. Numbers greater than 174 push the text down below its original starting position. Numbers less than 174 give it the sticky behavior - meaning it will scroll up until a bit then stick, and scroll back down and then stick.
  10. Does this work for you? Here is Custom CSS /* remove ALL from products list */ section.products-list nav { display: none !important; } /* make SEND button on About page larger on mobile ONLY */ @media only screen and (max-width: 441px){ #collection-5ff259a0e293bc1fe287bdf6 button[type="submit"] { min-width: 18rem !important; } }
  11. Can you post a link so we can better understand your problem?
  12. The above code will add 10 pixels of margin to your desktop view also, so if you ONLY want it to affect the mobile version, try this instead. (Change 10 pixels if you want more or less.) @media only screen and (max-width:640px) { .sqs-block-html { margin: 10px; } }
  13. This custom CSS might help you: .sqs-block-html { margin: 10px; }
  14. No problem. You can do this without code. It's built into your dashboard. In your dashboard, go to Pages, then click the + in your Main Navigation. Add a link. Enter the phone number you want the link to display as, and for the address enter "tel:1234567890" but obviously change the telephone number. Repeat this process with the email address, but for its link, type "mailto:me@you.us", and again change the email to the appropriate address.
×
×
  • 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.