a_tree_gnome

Hello, first off, I would like to state that I am using this code: <style> #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 1; border: none; outline: none; font-size: 25px !important; color: #17306e; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 1px 1px 5px #000; // Change the hex code in the next line to change background color background-color: #cbcccd; } #myBtn:hover { background-color: #aeaeae; } </style> <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.1/js/all.min.js" crossorigin="anonymous"></script> <button onclick="topFunction()" id="myBtn" title="Go to top"> <i class="fas fa-arrow-up"></i> </button> <script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { document.getElementById("myBtn").style.display = "block"; } else { document.getElementById("myBtn").style.display = "none"; } } function topFunction() { $('html,body').animate({ scrollTop: 0 }, 1000); } </script> With that being said, the Jump to Top button only seems to appear once I've hit the bottom of a page. However, after I reach the bottom of the page, the button stays visible as I scroll back up. So my question is: what code do I need to add/modify to make the Jump to Top button stay visible as soon as you start to scroll down? I don't have a website to share, since my trial has expired. Thanks!

Solved:

Here, this photo should help for reference. I want to make the Gallery background transparent (where the two images are side-by-side).

Hi, I had mentioned that I do not have a link to share. Just the description in my post. I hope that is good enough!

Site URL: http://atreegnome.squarespace.com Hello - I am helping a friend redesign a website. We have a custom background image that we are using, but noticed that when you add an Image Gallery block, it blocks the background image from being seen completely. For example, we have the background color set to dark blue, and are using a semi-transparent background image. When creating an Image Gallery block, all you see in the block around the photos is the dark blue color, and not the actual image. Is there some code that we can add that will make this area transparent, allowing us to see the background image? I do not have a live website link to provide, so I hope my explanation is good enough. Thanks!

Edit: I think I figured this out! Thank you for offering your help!

Hello! I am trying to figure out how to change the number of columns on a site viewed on desktop vs. mobile. I am using the gallery grid, with Gallery: Simple selected. When viewed on desktop (first photo), I'd like to keep the Columns at 3, but when viewed on mobile (second photo), I'd like the number of columns to go down to 1 (instead of the 2 that you see). Is there any code that can be written to make this a reality? Thank you so much!!