Jump to content

zoester300

Circle Member
  • Posts

    26
  • Joined

  • Last visited

Posts posted by zoester300

  1. I needed to do this and actually it's really easy!

    Go to one of your blogs, click to select all the ones you want to move, hit 'move...' and select the new destination.

    Takes seconds! Well done squarespace 😄

  2. Hey @tuanphan, do you have code to change the colour of the play button? I've tried to find the element ID using inspect tool but can't isolate it from the rest of the player block. I'd be grateful for your help as I have managed to make the other changes I need. thanks

     

    I figured it out, here is my code for anyone else that may need it:

    //*audio block tweaks*//
    .sqs-widgets-audio-player.dark {
        background: black;
          color: #F8CB3D !important;
          font-family: 'Overpass Mono';
          font-size: 16px;
          font-weight: bold;
    }
    .sqs-widgets-audio-player.dark .play .play-button {
        border-left-color: #F8CB3D !important;
    }

    Note: it wasn't possible to isolate the element .play-button because I had no files uploaded yet and so inspect tool could not see that button. When I added trackes, problem solved!

  3. Hi guys

    So I spent HOURS yesterday trying to figure out how to change the background colours of the embedded scheduling block (Acuity). I looked at LOTS of help docs and tutorials and messed around in codepen. I was able to change the background to the iframe ( as that is what it is) but not the content of the iframe.

    But I figured it out and so I'm sharing here in case anyone else wants to know.

    The background to the iframe/embedded block can be changed within the iframe code (as can the border, width, height and one or two other things) but any content within the iframe cannot.

    In order to change what's inside the iframe you need to make changes in custom css in Acuity and NOT within the iframe code.

    I had already used it for some other colour changes and in the end it was pretty straightforward.

    Using the inspect tool in Chrome, find the element you want to change and add the change you want.

    This is my code:

    .is-embedded .step-pane, .choose-date-time .date-heading, .form-control {
    
    background-color: #EEE9E0; 
    }

    It's important to note that this change can be made in the area used for changing the client scheduling page but this is not the same as the embedded scheduler, hence I needed two separate bits of code.

    Here is the before:

    Screenshot2023-11-08at16_28_28.png.5b71f7f70f98b488d5d698440674296c.png

    And this is the after:

    Screenshot2023-11-08at16_29_01.png.a4133c6e75b9758fd9ec8945243b9e44.png

    Hope this can help someone who has a similar problem to me!

    Zoë 

  4. On 10/23/2022 at 2:09 AM, tuanphan said:

    Add to Top of Design > Custom CSS

    a.Header-branding:after {
        content: "enter your tagline";
        display: block;
        font-size: 20px;
    }

     

    Hi @tuanphan

    Is this for 7.1? I need this code and have tried this but it doesn't work so I think it must be 7.0 code - please can you assist?

    thanks so much

    Zoë 

  5. On 4/23/2021 at 4:15 PM, tuanphan said:

    I can recommend the solution from @WillMyers - good code which is easy to use and well-priced. I had been searching for ages to try and write this myself and had only ever got half-way to what I wanted. This code works nicely and didn't take very long to implement. Some understanding of coding needed and confidence with SS recommended.

  6. On 10/5/2021 at 6:19 AM, bangank36 said:
    <script>
    (function docReady(fn) {
    	// see if DOM is already available
    	if (document.readyState === "complete" || document.readyState === "interactive") {
    		// call on next available tick
    		setTimeout(fn, 1);
    	} else {
    		document.addEventListener("DOMContentLoaded", fn);
    	}
    })(() => {
    	if (window.location == window.parent.location) {
    		const reelControls = document.querySelectorAll('.gallery-reel-control [aria-label="Next Slide"]');
    		reelControls.forEach(reelControl => {
    			(function reelTimer() {
    				setTimeout(() => {
    					reelControl.click();
    					reelTimer();
    				}, 2000); // change this value to change the speed
    			})();
    		})
    	}
    });
    </script>

    thank you @bangank36 this works perfectly

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.