-
Posts
27 -
Joined
-
Last visited
Personal Information
- Website
-
Location
United Kingdom
Recent Profile Visitors
The recent visitors block is disabled and is not being shown to other users.
zoester300's Achievements
-
aguandescain86 reacted to a post in a topic: Customisations for embedded scheduling block
-
How do we fix this constant spacing issues with SS 7.1
zoester300 replied to NikiHutchison's topic in Pages & Content
I have been having this issue repeatedly and this little hack - zooming out - works! Cheers guys -
zoester300 reacted to a post in a topic: How do we fix this constant spacing issues with SS 7.1
-
creedon reacted to a post in a topic: Customisations for embedded scheduling block
-
zoester300 reacted to a post in a topic: Is it possible to screate a slideshow reel with autoscroll?
-
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 😄
-
zoester300 started following Summary Block 7.1 - Hover Title , CSS code for Audio Blocks , Customisations for embedded scheduling block and 1 other
-
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!
- 44 replies
-
- custom-css
- audio
-
(and 1 more)
Tagged with:
-
Customisations for embedded scheduling block
zoester300 replied to zoester300's topic in Acuity Scheduling
@creedon here is my solution -
Customisations for embedded scheduling block
zoester300 replied to zoester300's topic in Acuity Scheduling
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! -
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ë
-
zoester300 changed their profile photo
-
zoester300 reacted to a post in a topic: Change header colour and logo on one page
-
tuanphan reacted to a post in a topic: How to show Tagline?
-
I solved it: //*header tagline*// .header-title a:after { content: "TAGLINE"; display: block; font-size: 20px; color: #FFFBE7; font-family: bitter; font-weight: bold; }
-
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ë
-
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!
-
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?
-
menu Recommendations for Mega menu plugin
zoester300 replied to natwillow's topic in Pages & Content
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. -
zoester300 reacted to a post in a topic: [Share] Custom Code - Navigation Link Color/Hover Color/Active Color
-
zoester300 started following Designing your website’s header. , [Share] Accordion Block: Useful code , [Share] Squarespace 7.1 CSS ID List and 1 other
-
zoester300 reacted to a post in a topic: [Share] Squarespace 7.1 CSS ID List
-
Auto-scroll Gallery (Type - Slideshow:Reel)
zoester300 replied to gamercj's topic in Fonts, colors and images
thank you @bangank36 this works perfectly -
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.
- 1 reply
-
- css
- style-editor
-
(and 1 more)
Tagged with:
-
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 🙂
- 12 replies
-
- weeklywisdoms
- heading
-
(and 1 more)
Tagged with: