Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by tazmeah

  1. I found a forum where someone else was having the same issues (in 2018) and they suggested contacting appone to have your domain whitelisted. https://kriesi.at/support/topic/iframe-not-working/
  2. The way you'd make an image linkable in HTML is to surround your element in anchor tags. So, to make an image link to somewhere on click, <tr> <a href="https://www.google.com"> <img src="whatever"> </a> </tr> When I look at your website though, I don't see this table or table rows, which makes me thing you have some plugin or additional code that is converting it to something else? Also, if you haven't viewed your site in mobile view, I recommend that you do so.
  3. Given that you'll only have these 3 pages where you want to remove that section, this CSS should remove it. #collection-5fe06096f3f88b619f3aecbb section[data-section-id="5feaa679403aca2b594ef4ef"], #collection-5fe06096f3f88b619f3aecbb section[data-section-id="5feaa679403aca2b594ef4ef"], #collection-5fe06096f3f88b619f3aecbb section[data-section-id="5feaa679403aca2b594ef4ef"] { display: none; } But if you add more categories, we'll have to either add more code to the above, or get fancier with our coding logic.
  4. Hi, Anna. It doesn't look to me like it's designed to pop-up on a mobile device. Neither the top nav nor the footer nav Book Now buttons behave that way. The code above says, "When the Book Now button is clicked on, execute the code that makes a pop-up." If I just try the code that says "execute the code that makes a pop-up" while in mobile, it navigates away from your homepage. I'm not saying it cannot be done, just that I don't see an easy way to do it.
  5. It looks like you need to link the fontawesome stylesheet to your header code injection. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
  6. Sure. Here's an idea. Let's say the sentence in question is, "I like turtles." The code below will find all instances of this sentence in headers of any size and in paragraphs, regardless of capitalization, and color the text red while giving it a green background. Add it to your footer injection and any time you type this sentence, it should be red and green. <style> .turtles { color: red; background: green; } </style> <script> document.querySelectorAll("h1, h2, h3, h4, h5, h6, p").forEach(function(el){ el.innerHTML = el.innerHTML.replace(/i like turtles/gi, function(text){ return "<span class='turtles'>" + text + "</span>"; }) }) </script>
  7. If you can add a Code Block to the page somewhere beneath your code from above, or inject code into the footer of the page, then this script should work for you. <script> document.querySelector(".header-actions-action--cta").addEventListener("click", function(e){ e.preventDefault(); (new timelyButton('jsartistry', {"dontCreateButton":true})).start(); }) </script>
  8. @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.
  9. You said the code block does not show on mobile. What am I looking for on Desktop to see the difference? Is it on the homepage?
  10. Can you provide any links which show both scenarios?
  11. How about this? <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script> <div id="gifLogo" ></div> <style> .logoload { background-color: #17181a; background-size: 100%; position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; background-position: center; background-repeat: no-repeat; background-image: url("https://media.giphy.com/media/6hnbGYHhJvmyYjUBXD/giphy.gif"); } </style> <script type="text/javascript"> jQuery(document).ready(function(){ if (sessionStorage.getItem("gifLoaded") == null){ sessionStorage.setItem("gifLoaded", "true"); jQuery("#gifLogo").addClass("logoload").delay(8000).fadeOut("slow"); } }); </script> Do you now want to allow people to close out of it? It lasts 8 seconds.
  12. Have you solved this already? If not, I'd like to make sure I understand the situation better before we proceed. Is it correct to say that you have this code only on your homepage and not across the whole site? Also, when you say once per session, are you saying that if a user visits the homepage once, they will see the gif, but if they visit another page and return to the homepage, they will not see the gif? If I'm correct, your current code has 1 script tag to add jQuery, 1 empty div, 1 style tag to put the gif in the empty div, then a final script tag to fadeOut the gif after 8 seconds...once per window load. It's the style tag that is making the gif appear, while the final script tag is what tells it to go away. Editing the script tag -- whose purpose makes it disappear -- will not prevent it from appearing. I'm thinking we'll need some code to ask if it has appeared once in this session already, and if not, make it appear AND save to the session that it has appeared.
  13. Hello, Anna. Have you solved this? I'm on your site now and I'm seeing the header script on your page, and the booking popup appear when I click the button.
  14. Is there any other code in your Custom CSS? If so, can you paste it all here? Thanks.
  15. The current code you have is not the code from the image. This is what I see when I visit your site: [data-section-id="5fe4e4fcd107c369c595a700"] .section-background:after { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(#283547,150px,transparent); opacity: .05; }
  16. Try this Custom CSS /* raising the text 'raise the roof' */ #block-000911300a34aa46f021 h1 { position: relative !important; bottom: 175px !important; } Change "175px" to a number that pleases you. The higher the number, the higher the text is on the page.
  17. Try this. https://developers.squarespace.com/
  18. 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>
  19. 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?
  20. If you want it to open in a new tab, we just add the "target" attribute, like so <div class="scroll"><a href="https://www.google.com" target="_blank"> we're celebrating with launch promos...join the newsletter for the scoop!</a></div> For reference on "target" attributes, please see this link. https://www.w3schools.com/tags/att_a_target.asp
  21. 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; } }
  22. 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
  23. 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.
  24. The link you provided is private so I couldn't see what you were talking about.
  • Create New...