Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'custom-css'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Hello, is it possible to have my page section to be as small as it is in the picture below? Thanks! I can give more details if you would like/need it. Any help would be brilliant 😄!
  2. Site URL: http://ryanmariehelfant.com/selected-films When I click on one of my gallery thumbnails, it takes me to my gallery video. Above the video, I see my Title & Subtitle. Is there Custom CSS to hide the Title & Subtitle from being above the gallery video? I only want it to appear on the Page with all my thumbnails, but I don't want it to appear when I click on my gallery thumbnails!
  3. i`m trying to change my nav bar when its active or on scroll - its using the same color as the top section - but this worked before - but for some reason its not working any more, anyone that can help me out? kind of important //Pulse color when active nav .shrink .header-nav-wrapper a::after { display: block; content: ' '; background: #44414e; height: 1px; width: 0; margin-top: -2px !important; transition: width 300ms; margin-right: auto;} .shrink .header-nav-wrapper a:hover::after { width: 100%;} .shrink .header-nav-wrapper a--active a { background-image: gradien
  4. Site URL: http://ryanmariehelfant.com/selected-films Hello, When I click on one of my gallery blocks, I can see my website's other gallery blocks beneath it. What is the CSS code to hide the other gallery blocks from appearing beneath the selected gallery block? Thank you!
  5. Site URL: http://ryanmariehelfant.com/ Is there Custom CSS code to force my background video to playback at full resolution from the second it appears? Can it fully load at max resolution before it starts playing? No matter the file size, resolution, codec, and FPS, it automatically buffers at low resolution for 5 seconds before snapping into full resolution. (I have tried video ranging from 5MB to 1GB, 480p to 1080p, H.264 and Apple Pro Res, 24FPS and 25FPS - none of this makes a difference! It seems that there is something embedded in Squarespace that causes an exact 5 seco
  6. Site URL: https://www.caiobelfiori.com/button-test I am trying to apply the same css code for one of these 2 first buttons ( "hover me" and Shop Now"), created with a markdown, but when I try to apply to a Squarespace native button ( "Learn More") I haven't been able to. Could you tell me how to do this? Thanks so much
  7. Site URL: https://martine-emdur.squarespace.com/sydneysider-artworks/inline-image I'm displaying images on a gallery website using a blog collection for each exhibition and the client prefers the look and style of the card image - it transfers to mobile nicely and keeps the text down at the bottom of the image so it looks like a postcard of sorts. Unfortunately they also want a light box to show the image full size and while I've tried light box anything and it works super well there are just too many artworks to make this an easy solution when they are editing the site themselves. I'm
  8. Site URL: https://www.jeremyleegibbs.com/ Everything was working perfectly, but now all of the sudden, when I log in my site the Custom CSS will not apply until I open the editor. I also have a cascade of errors when inspect the site as seen in the image below: Is there any way to fix this, or identify what is causing the issue, without deleting things and starting over? I have no idea where to look and even when I rebuild a page it seems to have no effect. Any suggestion would be greatly appreciated! Here is all of the CSS in the editor: /*Remove minimum Spacer Hei
  9. Site URL: http://www.mourningjewelry.com pw rings On desktop, if you hover over the 5 thumbnail images you'll get a text below them/rollover effect. I can't get it to show up on mobile. I'd be happy with even just the text always showing, no need for a hover effect on mobile–– just need the words to show beneath them. Grateful for any leads or advice!
  10. Site URL: https://www.nickasbell.com PASSWORD | 1234abcd Hello! I am looking to change around the hover option over the images; Currently the project title and overlay is displayed upon coming to the site and disappears when you hover over it. I was curious if there was a way to change this to where the blank image is shown first and then the project title/overlay appears when you hover over it! Thank you, -Nick
  11. Site URL: https://goby-flute-xcf6.squarespace.com/ It seems very easy to change a specific header font, h1 { font-family: mr bedfort !important; line-height: 1.5em; letter-spacing: .03em; } I am trying to do the same for paragraphs. It seems not to work with p1, p2 etc. What am I missing? Site PW = goat
  12. I am trying to create an acceptance button using the code provided below. I can not figure out how to hide the text above when the text below is shown. I know there are much easier ways to make an acceptance button but this is just how I wanna do mine. Any help on the topic would be greatly appreciated. I honestly don't even know what language this is to be exact. It looks like javascript to me but my friend tells me its not. <script> /* This script is a custom script to control the 'show' / 'hide' extra feature. To use: give each button you want to make an expander a
  13. Site URL: http://ryanmariehelfant.com/selected-films When I click a Gallery Block on my page, I want it to be the only thing on the page. I don't want to see my other gallery blocks beneath. What is the CSS code to hide all of this?
  14. Site URL: https://www.nickasbell.com Site Password is: 1234abcd Hello! I really like the layout overall with the Pazari template; However, I really want to change the image size/aspect ratio of the portfolio images to a 1:1 square and haven't found anything on it! Also, I was wondering if there's a way I can swap out the Project Title to appear AFTER hovering over it, rather than being visible before. Thank you, -Nick
  15. Site URL: http://www.landquist.com I would love some help getting custom css code injected into my website, in order to make a PDF submit to my email. Does anybody have a way to do this? The form block hasn't been working seemlessly, and after almost missing two huge quotes this week due to it, I would like to move to a fillable PDF.
  16. Site URL: https://kico.squarespace.com/ Hi! I'd like to change the size of images displayed on the galley home page of the Flatiron template. I tried targeting the individual image id's in the custom css section but maybe I have to add styling or a script to the page header? I'm not really sure. In the image below the 1st image shows a width and height of 358. I want to change that to 720 and adjust other images. Any help would be appreciated. I can provide a pw to the site if you need it. Thanks!
  17. Can someone please help me with the code to change ONLY the font color of my drop down menu? Here is the color I want the font to be: hsl(43, 67%, 57%) I’ve tried other codes in these forums but it changes the background color which I don’t want and can’t figure out how to change the color itself within the code. If someone could help me out with this, it will be greatly appreciated! Thank you!
  18. Site URL: https://katharinebarker.squarespace.com/home Hello, I have added a tag line underneath the site title on the home page only. Using the below inserted in a code block on the body of the home page: a#site-title:after { content: "Ceramicist. Penzance, Cornwall"; display: block; font-style: italic; font-size: 13px; letter-spacing: 0.1em; text-align: center However, because the Nav links automatically vertically align to the centre of the header, they are now not in line with the site title as I would like them to be (see below image, the nav currently alig
  19. Site URL: https://sunfish-bobcat-m5pn.squarespace.com/ I am trying to change my font to Caviar Dreams Bold using the Hester layout, and it's not working. I am going into Design > Custom CSS > Manage Custom Files > uploading "CaviarDreams_Bold" Then I'm using the following code: @font-face { font-family: 'CaviarDreams_Bold'; src:'https://static1.squarespace.com/static/5f70e7b4f441fc6382c229d7/t/5f984d28d716563034e425cb/1603816745783/CaviarDreams_Bold.ttf'; } h2 {font-family: 'CaviarDreams_Bold'} h3 {font-family: 'CaviarDreams_Bold'}
  20. Hi I'm looking to change the background color within a column (see below for an example) however it doesn't seem that I am able to do that within the confines of the current template. Is there a way to add a custom CSS code to make this work? Thanks in advance :)
  21. Site URL: https://www.studiorhodes.net @tuanphanI no longer see the option to increase padding between images in your instagram block in squarespace 7.1. Is there a code to target this?
  22. Site URL: https://www.criticallyendangeredsocks.com/theshop Hi, My friend has this shop that has a good cause and I would like to mirror/embed his e-commerce page into my website. I've been informed by the squarespace's customer service that I'll need to customise the CSS. To do this, I was wonder how I should go about this? OR is this even possible? Thank you.
  23. Hi, Does anyone know how to rearrange the information bar on the form? I want the subject bar to be beside the email and not below. How do I bring it up? Also, how do I edit the font size of the submit button? Currently it looks like this: But, I want it to look like this: Can someone help me out here please? Thank you in advance 🙂
  24. Site URL: https://turkey-emu-sd4a.squarespace.com/ Hi all, I've added Muli and Lato as custom fonts to my site. Lato is working well but on some browsers/devices another serif font shows instead of Muli for paragraphs. My code has worked fine for another site, also using the 7.1 template, so I'm baffled. Any ideas on how to troubleshoot would be very welcome? My custom code is below and I've uploaded a pic to show my fonts have been added as custom files. @font-face { font-family: 'Muli'; src: url(https://static1.squarespace.com/static/5efccf013260ec23a0736
  25. Site URL: https://www.emiliamelbourne.com.au/cart Hello guys, I want to change the logo on the cart page because it's white on white background (see attached pic). The general logo on the website is white and on the pages with the white background I've already changed with a black one using custom css. Basically what I've done is I uploaded the black logo and then used this code on the page header injection of each page where I needed the black logo. <style> .header-title-logo a { content: url("https://static1.squarespace.com/static/5efd99cf0111cc1627be3fef/t/5f6d51
  • Create New...