-
Posts
574 -
Joined
-
Last visited
tazmeah's Achievements
-
rowdydigital reacted to a post in a topic: Adding simple animated numbers that count up to website
-
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.
-
tazmeah changed their profile photo
-
squarecoder reacted to a post in a topic: Adding Superscript throughout website to a company name
-
Jeremyn reacted to a post in a topic: Adding simple animated numbers that count up to website
-
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.
-
alysha.kester reacted to a post in a topic: How to play audio file in same window on mobile without Soundblock block?
-
tazmeah reacted to a post in a topic: i would like to add a file to the main directory.
-
drudesign reacted to a post in a topic: 7.0 Image title wrap in gallery view
-
tazmeah reacted to a post in a topic: Hamburger icon aligned off page (mobile view)??
-
@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.
-
tazmeah reacted to a post in a topic: Style Eventbrite button to match site buttons (or add script to site button)
-
Try this. https://developers.squarespace.com/
-
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>
-
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?
-
tazmeah reacted to a post in a topic: Need help with how to make a text block sticky.
-
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; } }
-
7.0 Image title wrap in gallery view
tazmeah replied to christinabalch's topic in Customize with code
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 -
Need help with how to make a text block sticky.
tazmeah replied to Kico's topic in Customize with code
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. -
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; } }
-
Can you post a link so we can better understand your problem?
-
How to add margins on mobile only - 7.0
tazmeah replied to queerterpreter's topic in Customize with code
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; } } -
How to add margins on mobile only - 7.0
tazmeah replied to queerterpreter's topic in Customize with code
-
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.