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


Circle Member
  • Posts

  • Joined

  • Last visited


Personal Information

  • Location
    Detroit, MI

Recent Profile Visitors

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

  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; }
  • Create New...