Jump to content

zoester300

Circle Member
  • Posts

    27
  • Joined

  • Last visited

Everything posted by zoester300

  1. I have been having this issue repeatedly and this little hack - zooming out - works! Cheers guys
  2. 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 😄
  3. 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!
  4. I improved it further. By making the colour code rgba(0,0,0,0) I can make the block match whichever colour scheme is chosen for the section 😎 But if I need to switch one of the element colours to something else, I can!
  5. 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: And this is the after: Hope this can help someone who has a similar problem to me! Zoë
  6. I solved it: //*header tagline*// .header-title a:after { content: "TAGLINE"; display: block; font-size: 20px; color: #FFFBE7; font-family: bitter; font-weight: bold; }
  7. 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ë
  8. HI @tuanphan I have actually removed the hover now because I realise that most people will use the site on mobile so there's no point in it. But thank you for responding, i appreciate it very much!
  9. Hi everyone, especially @tuanphan 🙂 I love this code but i want the title, excerpt and metadata to stack - at the moment they are placed next to each other on the same line - please can you help me?
  10. 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.
  11. Site URL: https://finding-synthesis-caxton.squarespace.com/ I am trying out the new gradient on the header for a client but I want to increase the depth. I can't see a style tweak for this - can anyone suggest some code for me please? I'd like to increase the depth as indicated in the screenshot - to make the logo more distinct but avoiding the hard edge of a fixed white header.
  12. Hi - I love these new options and I would like to use the gradient on a new site I am building. However I'd like to increase the depth of the gradient. There doesn't seem to be a tweak for this so can anyone suggest some code for me? thanks so much 🙂
×
×
  • 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.