Search the Community
Showing results for tags 'css'.
Found 585 results
-
Hi, I'm using the Harris template and I want to know if there is a way to stack my secondary nav items on top of each other aligned left. Rather than showing inline. I have tried adding <br> into the secondary nav items but it does not separate the three.
-
Adjusting border on nav bar on anything but landing page
NEWeOffset posted a question in Coding and Customization
Hello everyone, I'm currently working on a site where I've put the call to action button in a pill-shape like this: .Header-nav.Header-nav--primary .Header-nav-inner > a:last-of-type, .Mobile-overlay-nav.Mobile-overlay-nav--primary > a:last-of-type { border: 2px solid white; padding: 10px 30px; border-radius: 300px; } The only issue is that on all other pages but the landing page the background is also white! Please can someone help me write a code to have a white border on the landing page, but black on all other pages. Thank you so much in advance -
Can anyone help with the CSS needed to change the font colour in the quote block of the Miller template please? I have had a hunt around but nothing that deals with the text colour. https://www.vibeyogaandpilates.co.uk/pilates P/W mysite100 Thank you in advance!! 🙏🏻
-
Hi all, I'm a new user to Squarespace and I'm looking for some help. I want to add a call to action button in my main navigation for the last link (Get Your Invite) I've already tried a bunch of other css codes which have been posted as answers in previous questions before, however they don't seem to work with my Hyde template. My website is - www.varaoptical.com Any suggestions and answers will be highly appreciated, thanks! -
Hi all. I want to move the social logos down the page in Wells. They're currently right under the navigation on the left of screen which I think looks a bit cluttered. Anyway of moving them at all. https://danrowley.co.uk
-
Hi guys, For some reason, I have a client who dislikes the scrollbar on the right of his site (attached image, it's the thin gray vertical bar to the right of the site) Is there a code to hide it? Thanks, James
-
Can't change the product titles into a custom font
Jus10 posted a question in Coding and Customization
Hi community, I'm using a custom font and I've been able to change the h1,h2,.. styles into the correct font with CSS...but I can't do the same for the product titles. I need urgent help. Thanks in advance!! -
7.1 - Applying CSS shadows to specific images
jpwelchux posted a question in Coding and Customization
I've applied a css shadow to all of my in-page images. However, there are a few images that I don't want to have this shadow. Is this possible, and how can I achieve? So far I've added this code to give all images shadows. .image-block-wrapper { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.1); } I've been trying to target the image ID for the few images that I do not want to have a shadow: #yui_3_17_2_1_1573606191721_472{ box-shadow: none !important;} This is finicky. I can get it to work sometimes, but then upon saving the page and viewing in the browser the shadow is back. When I go back to check, it looks like the ID is different. Seems like there's not a static ID for each image. URL: https://grape-tuatara-n6mp.squarespace.com/checking-accounts P: sitehelp If you scroll down on this checking page, I'm trying to remove the shadow from the image with 3 cell phones. Side note: I also have a shadow applied to cards on my homepage. Unsure if this effects anything. .sqs-block-image .image-block-outer-wrapper.image-block-v2 { box-shadow: -1px 2px 10px 4px rgba(0,0,0,.07); } Please help! -
Hey my website is dopesagittarius.com I have tried every version of css recommended on the forums to get the home text to disappear from my website but it wouldn't dissapear. Please advise on how I can get this done thanks in advance.
-
Hi! I am trying to reorder my categories with CSS and I can't seem to get it quite right. I would like the categories to be (1) Top Hits, (2) Flavor of the Week, (3) Seasonal Specials, and (4) Frozen Dough. The website is available here: https://www.rebeldaughtercookies.com/cookies Any and all help is appreciated!
-
Hello,I am looking for a way of keeping the white logo on the homepage (due to a picture in the background) and inverting it to black on the rest of the pages. I tried solutions for other templates but they did not work.The website is https://infusionbogota.comThanks! -
Page looks different depending on where user has come from
jsdavey posted a question in Coding and Customization
Hi all, i have this odd issue where a page on my website looks different if you access it from the Homepage > Page with issue, compared with pasting the 'Page with issue' URL directly into the browser. For example of you visit the homepage ( link text ), then scroll down and click the image for the 'Yes / No Tee' the top of the page looks like this (first image attached). The 3 headline lines are hugely spaced out, and all in the same font size / weight. Where as if you go directly to that page, by pasting the URL into a browser ( link text), it looks like this: (second image attached) . The headlines are now tighter, and the 3rd line is in a smaller weight / size – which is how i want it to look always. Can anyone tell me what i can do to make this happen? I feel like its carrying over CSS (or something) from the homepage which is messing up the subsequent page? Any tips very much appreciated! I'm using the Jones template -
I want to block China (I don't mean to sound offensive) but chinese based companies constantly steal peoples artwork and try to sell on cheap products as their own (this has been happening ALOT recently to people I know) and i'd like to block the country all together from my website. I'm not too knowledgeable on coding and since I can't seem to find an option to do this i'm hoping you can via coding. Thank you!!
-
Hello! I'm attempting to add a 'Make An Appointment' button to the header of my website so patients can make easily reach my office. I would ideally add it to the bottom right corner where the social media icons are currently located and use it to link to a 'Contact' page. My URL is 'www.alextatemmd.com' and my template is Miller. Any assistance would be greatly appreciated!
-
Hi all 🙂 I'm getting some troubles with adding some css code to the main page, I read couple articles that I can't add it without code injection which actually isn't working. Everything is fine on the other pages except the head page where all the code is written at the top of the site. Did I missed something ? I tried with different manners like <style> ... </style> but it also isn't working 😕 Thanks for your answers, Best regards,
-
Hi- I am trying to use an all together different image for my homepage banner image on my Aria site. www.aniwa.co The desktop image is horizontal based, so for mobile it cuts off and regardless of the coding it will be cut off too much. I have a vertical version of the homepage image that I want to display on mobile. Anyone have a CSS code for a all together different banner image on desktop v mobile? Thanks! Danielle -
Custom CSS not working to change image on hover
mrndacreative posted a question in Coding and Customization
I am trying to have an image swap with another image on hover. This is my code: #yui_3_17_2_1_1573589440099_107 { background-image: url(https://static1.squarespace.com/static/5c6d99d…/t/5dc91c4…/1573461074565/marks_thumbnail.png); background-size: 646px 470px; } #yui_3_17_2_1_1573589440099_107 img:hover { opacity: 0%; } When I use this within Chrome developer tools (right-click>inspect) in the style/css section, it works like a charm. But inserted into the custom CSS section of Squarespace, nothing happens. this is my website: https://www.mrndacreative.com/ -
Hello, I am using Wexley template and I want to know how to use css passing white to dark mode with a simple button? Anyone could help me? Thanks a lot!
-
It's possible I'm overlooking something totally obvious, but I'm trying to figure out the CSS to create an in-page dropdown menu that someone would click on and have the option to click on links to multiple other pages or files. I don't just want a standard button that links to one thing. I'm looking to create something like pictured in this image: Please help! Thanks!
-
Hello, I cannot find the css to shrink my footer and remove this empty space. The text in the footer is positioned in the footer top block. Can anyone help me?
-
Allow pinch-to-zoom for Lightbox images on mobile?
Glenno posted a question in Coding and Customization
Is it possible to use CSS or other coding to turn on the ability for users to pinch-to-zoom on images in Lightbox view on mobile devices? (It would have to be the usual zoom in/out gestures, in Lightbox mode, on a Gallery Page.) I don't understand why Squarespace still doesn't allow this. Every other website and gallery maker I know of does it, as it's a hugely useful feature for photography and art given how small mobile screens are. Thank you! -
Hi! I am using the Flatiron template and have an index "gallery" on my homepage. I am looking for a way to change the thumbnail image to a different image when you hover over it, instead of displaying the title like it currently does. This is the page for reference: https://kristen-mast-12ak.squarespace.com/ Example of what I am trying to achieve, where the image changes upon hover: https://bravorocks.myportfolio.com/projects Thanks! -Kristen
-
I need to remove the underline text from links, how can I do that? -
Hey all, I am trying to add a "typing" animation to a headline, kind of like SS used to have on its home page, so that a series of words replace each other in a continous rotation to give the impression they were being typed directly on the page (see example here). I installed the code, CSS and JavaScript from CodyHouse, which seems to be working in part, but cannot get the animation to actually work and replace each word. This is the page I'm working on. I think it might be an issue with SquareSpace not running the JavaScript properly but I'm not sure how to fix it. Any ideas?
-
My logo for my site is white and it doesn't show up on all the pages other then my homepage so I'm trying to find a way to put a color logo on other pages then the home page, http://www.sparkleaders.org/about/ Any help would be very appreciated! Thanks,Amir
