Search the Community

Site URL: https://parrotfish-plantain-r883.squarespace.com I am trying to add a black background to the subtitle in the poster image after I have moved the subtitle to the left with custom code. The background however is much longer than the text. Can anyone help? I used the code below to move the text left and add a black background. this background should however stop after call #block-yui_3_17_2_1_1608563013610_29892 .image-subtitle.sqs-dynamic-text { text-align: left; background: black; }

Site URL: https://parrotfish-plantain-r883.squarespace.com HI I need to create a project Index page in the Mercer Template. The result should look like the homepage of my other website https://www.shimejicreatives.com The mercer template does not have the project page option with which the above page was created. Can someone help to do this with custom code and for example a gallery index page? Many thanks Simone

Site URL: http://minimist.ca howdy all, I wanted to replicate this inverted dot cursor. my site is white and not black background. I've tried copy and paste all of this into code injection with no avail. and I've changed the colors from #fffff to #00000 and still nope. anyone have any input they can spare for me please <style> @media (hover: none) { .cursor {display:none !important; } } * { cursor: none; } .cursor { --size: 30px; height: var(--size); width: var(--size); border-radius: 50%; position: absolute; z-index: 99999999999; transform: translate(-50%, -50%); pointer-events: none; } .cursor.cursor-dot { background: #ffffff; /* This defines the color of the cursor */ mix-blend-mode: difference; /* Delete this line if you dont want the circle to invert */ transition: width .3s, height .3s, background-color .3s; transition-timing-function: ease-out; } .cursor-dot.active { --size: 50px; background-color: #ffffff; } </style> <script> $(window).mousemove(function(e) { $(".cursor").css({ left: e.pageX, top: e.pageY }) }); $(window).mousemove(function(e) { $("a") .on("mouseenter", function() { $('.cursor').addClass("active") }) }); $(window).mousemove(function(e) { $("a") .on("mouseleave", function() { $('.cursor').removeClass("active") }) }); </script>

Hello! I'm working on a website design using the Mercer template. I have updated the 'Read More' links of blog summary blocks to buttons. I would love to remove the arrow which follows read more. Here's the website (password: realestate). Please refer to the 'Featured Listings' section (as pictured below). Does anyone know how to do this? Many thanks!

Site URL: https://www.emma-rose.co Hello I want my logo to be in the center of the page on desktop and mobile modes. I am using Mercer. I have recently changed my template of my site, which is why if you go to it you will see it's all kind of all over the place. But all I need help with is some custom CSS to get my logo into the center. TIA!

I'm currently using the Mercer template. I've added my social links that is showing up in text in the footer. I would like to use icons instead, how do I change that? Thank you!