CJoose

Thanks, that works a treat !

Hi, On the Contact Us page (https://orb-robin-wn9f.squarespace.com/contact-us) , I want to change the colour of links (phone numbers, email addresses) on hover to a different colour This is the current CSS I'm using, but it doesnt work. I've applied it at the section elements section[data-section-id="66c64089e908a042ea0d5fdf"] a:hover {color: var(--cta);} Any thoughts or help much appreciated? Thanks

Hi , I would like to add a phone number into my top navigation bar, ideally to the left of the CTA button "Get in Touch" It would be great to have a small image of a phone before the number as well I've seen a few ways to do this , but need some input from the experts on how to achieve this Site URL: https://orb-robin-wn9f.squarespace.com/ Thanks

Hi Ziggy, I've been doing a bit more testing and have created two new pages , just using the default page styles You can find these under the Solutions drop down menu Test 1 has a page divider set (no movement) - maybe because the divider is masking the movement Test 2 has no page divider and has movement So, I suspect its a Squarespace bug and not me going mad

Hi Ziggy, URL is https://orb-robin-wn9f.squarespace.com/ It seems to be any page selected from the navigation. The section page image jumps up from the bottom Very strange

Hi, For some reason, the section images I have at the top of each page have started to "move" on loading. It looks like they are jumping down 2/3px ... its happening across all browsers and also mobile. I'm fairly certain this was not happening before, but I can't seem to work out why this has now started to happen ?? There has been no changes to the custom CSS, and I've only added an extra text line to the footer Can anyone help in "fixing" the section images so they don't jump down ? Thanks in advance

Perfect ! Exactly what I was after . Thanks

Hi, I have an accordion block which uses the "+" and "-" icons to open and close the accordion description. (see below) I would like to add a circle around the "+" or "-" using CSS, any ideas on how this can be done ? I'd like it to look like this :

Hi, Is there any way to make an intro video size or scale to the device height ? On my site, the intro video fills smaller screen devices, but on larger screen devices I would like to resize and scale to the viewport ? Any ideas would be much appreciated URL: https://orb-robin-wn9f.squarespace.com/ Password = 1ndigo

Hi, I have a code block with the following HTML to display an icon: <span class="material-icons-outlined-blue">call</span> And CSS to style the icon: .material-icons-outlined-blue { font-family: 'Material Icons Outlined'; font-weight: 100; font-style: normal; font-size: 24px; /* Preferred icon size */ display: inline-block; color: #000840; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; padding-left: 0.1 em; } However, when the page loads the icons do not animate like the text and images on the page. I guess this is because its a code block, and the Squarespace animation is not being applied. How can I get the code block to animate on page load, so that it works the same as the Squarespace elements? URL: https://orb-robin-wn9f.squarespace.com/locations Password: 1ndigo

Thanks for your help. Will see if I can remove the title .

I've worked out to create a gap between the buttons and images by using: .arrows-bottom { margin-top: 40px;} but, that is still not aligning with the title text, any ideas on that one ? Thx

Great ! I've change the first image carousel so the navigation buttons are now at the bottom and right aligned, if you can let me know the CSS I need to change? I'm happy with the testimonials slider having the buttons centered, but I guess the same logic will apply Thanks

Thanks - how do I change the order , can you help with some example CSS please ?