TimMarner
-
Posts
27 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by TimMarner
-
This has worked thank you!!
-
Hi sorry i forgot to add, I added a small code block at the bottom of the page with this: <a href="#contact" class="floating-contact-button sqs-block-button-element--medium sqs-button-element--primary sqs-block-button-element" data-initialized="true">Contact Us</a>
-
Hi, please can anyone help me with this I am trying to create a floating contact button for each contact page on a website for a client. I have added some code which has created the button using an existing button on the page, it works how I want - the only thing is the button goes behind some other items on the page. Changing the Z-index didn't work at all. Here's the code I used: /* buttons in bottom corner */ .floating-contact-button { position: fixed; bottom: 1rem; right: 1rem; z-index: 999999999 !important; scale: 0.8 } @media screen and (min-width: 641px) { .floating-contact-button { bottom: 2rem; right: 2rem; scale: 1 } } Here's what it looks like: Website page: https://sylviancare.co.uk/bournemouth-and-poole
-
This has worked right on the events page! Thank you. But it has also added the background to the inner events page. How do I remove it from those pages?
-
Can anyone help me make the events details block sticky on this page (circled in screenshot): https://leebradbury.squarespace.com/events/ultra-training-camp-june password: Bradbury
-
Can anyone help me make the details block on the inner events page stay in place when you scroll? I want this block (circled below) to be sticky on the page: This is the page: https://leebradbury.squarespace.com/events/ultra-training-camp-june Password: bradbury
-
Hi can anyone help me with this I am trying to add a background image to the events block on my events page, but I don't think this option exists in Squarespace Here is the page I am trying to this on: https://leebradbury.squarespace.com/events Password: bradbury I want the background to go on just the events section block, not the whole page Thank you for any help
-
It doesnt matter now I have solved it header.black .header-title-logo a, .homepage .header-title-logo a { content:url("https://static1.squarespace.com/static/64872c2fa16c416a1d241967/t/6491d03d7e440e4957b01d82/1687277629178/Lee-Bradbury-Logo-White.png") !important; }- 1 reply
-
- 1
-
-
- code-injection
- css
- (and 3 more)
-
Hi, Please can anyone help me! I am trying to add a different logo to my inner events pages - but not the main Event page. I have used this code to add the logo to the Events Page Header Code Injection: <style> /* white logo */ .header-title-logo a { content:url("https://static1.squarespace.com/static/64872c2fa16c416a1d241967/t/6491b1ea83a6d32d8a138998/1687269866734/Lee-Bradbury-Logo.png"); } </style> It has worked on all the inner pages how I want, but I don't want to target this main Event page! Website Page: https://leebradbury.squarespace.com/events Password: bradbury
-
I'm trying to make the gallery on this blog page a bigger width I would like it to be almost full page width with just a bit of white space on either side. This is how it looks now - there's too much white space on the left and right: I would like to customise the galleries on this page: https://hargreavescontracting.squarespace.com/projects/warburtons Password: hargreaves123
-
I'm trying to make the gallery blocks om the home page crop the images so that they fill the whole gallery block. Here's a screenshot: I want the images in that gallery on the right to fill the block completely - so it automatically fills this block on any screen size. Here's the website link: https://hargreavescontracting.squarespace.com/ Password: hargreaves123
-
I am trying to make the navigation bar transparent when the user lands on the page, then as soon as they scroll the background comes back. I added this code to make the background transparent : //transparent navigation on home// .homepage .header-announcement-bar-wrapper { background: transparent !important; position: absolute !important; } But it is still transparent when scrolling down the page and I want the black background to reappear when the user scrolls The website is https://timmarner.squarespace.com/ And password is: timmarner123 Can anyone help please?
-
Hi can anyone help me make gallery blocks only play on hover? They are on autoplay right now but I want this to only work when a user hovers over the gallery block. I am trying to do it on the galleries on this page of the website: https://timmarner.squarespace.com/type-of-work Password: timmarner123 (Attached a screenshot of the page)
-
gallery-block Make the image gallery blocks the same height
TimMarner replied to TimMarner's topic in Customize with code
Okay I have put the code back in and attached a screenshot of how it looks
-
I'm trying to figure out how to make the image gallery blocks on this page the same height: https://timmarner.squarespace.com/type-of-work password: timmarner123 I added some code but it didn't work properly: // work slideshows // .content-fill { height: 300px !important; } @media only screen and (max-width: 1100px) { .content-fill { height: 250px !important; } } it made the image the right size but left grey space under Can anyone help make the space underneath go? 🙂
-
I've added that but I'm not sure if its changed anything
-
Thank you! Looks great on mobile now 🙂 That would be great if you could get it full width too ! And I was also wondering if there is a way to fill the white space in the image attached? So that the bigger image block (including the title) is the same height as the two image blocks to the side of it
-
This works! the images are the right width now 🙂 I'm still looking for it to fill the screen more if you can get the whole thing to work wider? Is it also possible to ignore all of this code on mobile? Leaving the summary block as it was before for just mobile?
-
I see that when I make it smaller! Is it possible to make this work when its full width? And can it be designed so the big image takes up 50% of the width, and each smaller image takes 25% of the width? Right now the big image takes up more width than I would like
-
Hi, i've put this code in and it's definitely closer! I've also made the column width 600px (the highest you can do)
-
Thanks for helping, I've added this to my custom CSS, but nothing has changed yet.
-
I am trying to customise the layout of my blog summary on desktop. I want it to look like the image attached like what this website does: https://www.pentagram.com/ The summary block is on the homepage of this website: https://timmarner.squarespace.com Password: timmarner123
-
I am trying to edit the first slideshow on the home page to make it the full height of mobile, so the images crop themselves to fit this portrait view. It doesn't let me drag the slideshow down to the full height. website link: mustard-tetra-zr93.squarespace.com password: whitehouse123
-
It's tuesday123
-
Site URL: https://plumbfactory.com Can anyone help me replace the squarespace social icons with my own icons. I want to replace them throughout the whole site; header, footer and on pages.
