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. Site URL: https://flamingo-orca-2ez8.squarespace.com Hi there. I have seen this problem before but I can't seem to find a solution that i can benefit from. I have custom CSS fonts applied and it works while I am in editor mode, however I view my site in a URL draft mode and the font isn't what my CSS is saying it is. Any reason why? URL: https://flamingo-orca-2ez8.squarespace.com Password: lngtv1
  2. Site URL: https://hexaflexagon-badger-7lht.squarespace.com/ Hey, Password to my site is KIPO2020 I'm looking to increase the font size of my captions on my gallery grid masonry block but I can't work it out. Can anyone help me? Thank you!
  3. Site URL: https://www.madleennilsson.com/ Hi, I have customized my Newsletter Block with custom CSS. I've managed to make it appear correctly on desktop and mobile, but I don't seem to make it work on the size in between — which I guess is tablet size. I've attached two files: one where it's shown correctly and one where it's incorrect. Does anyone have any idea on how to fix this? Super thankful for any help. Very Best/ Madleen
  4. Site URL: https://islaskincare.com/products-test/p/white-tea-and-niacinamide Hi there, so I've played around with code for quite some type to set up a tabs section in my shop page. However, I'd like it moved more to the left so that it's aligned with the rest of the text. Also, for the current & active tab "key ingredients" that automatically displays to be blue. Any ideas? Thank you!
  5. Site URL: https://cairchicago.org Hi! I'm trying to add the orange bar on top of the homepage of cairchicago.org to be on top of the footer of all pages. Right now it's an index section. Does anyone know how to code that? Best, Saadia
  6. Site URL: https://www.flowize.no/ I was messing with the spacing and width on the website - but all the sudden everything has huge padding/space between elements vertically - i set the width and everything back to normal but on the live it still looks wierd any ideas?
  7. Site URL: https://www.rogerroger.co/ Hi everyone and thank you in advance! I need help to customize two elements on my mobile menu bar. I don't have issues on desktop, it looks like this: But on mobile, it looks like this: The close button is black, the CTA button isn't looking like the rest of the site and the CTA is sitting a little too low for my liking. I'm hoping to get it to look like this mock up: Is there any way I can fix it? Thank you for your time! Here's what my CSS looks like for the menu now:
  8. Site URL: https://www.scrubdesthetics.com/ Can anyone help me figure out why the logo in my site footer is cropping on both the left and right side? I am attempting to make the logo small and look decent on all device sizes but for some reason it keeps cropping. This is the code I'm using now but it doesn't seem to be 100% effective. div#block-yui_3_17_2_1_1599629340594_357495{ margin-left: auto; margin-right: auto; width: 50% !important; height: 0px; margin-top: 30px !important; margin-bottom: 30px !important; } Site password: scrubd
  9. Site URL: https://www.cityyouthmatrix.com/calendar Hello! I am trying to use Custom CSS to change the background color of events in a calendar block based on the Category that I assign them. I have been unsuccessful so far and am wondering if anyone has any suggestions? For example, I have three categories for events (General Events, Volunteer Events, and Drop-In Programs). I would like each category to have its own background color in the calendar so that users can easily tell which event corresponds to which category. For example, General Events: red. Volunteer Events: yellow. Drop-In
  10. Site URL: https://circle-perch-tjz7.squarespace.com/ I set up custom background CSS in 7.1 to better control background image display. On all my devices, the background covers the entire available window on desktop as it is supposed to. However, the client sees a gray bar (perhaps the footer?) at the bottom of many pages (see screenshot). I cannot replicate the issue to know how to fix it. Website: https://circle-perch-tjz7.squarespace.com/ Password: sylvie Here is an excerpt of my CSS to show how I'm handling backgrounds. What am I missing? html { margin: 0px; heigh
  11. Site URL: https://guava-guppy-sx4w.squarespace.com/ Hi - trying to align these text buttons in mobile view. I've followed the comments on similar posts but to no avail. Apologies for such a noob question. thanks in advance. PW: test1
  12. Site URL: https://erikanorris.com/bitesized-series Hi, I have a gallery which opens images into a lightbox. It looks like the height of the screen determines the width of the image, so unfortunately, some of my images are displaying at almost the full width of my 27" iMac. The image size is 2500px as suggested, but I don't want them to display so large. Is there any way to set a max-width so that my images can be displayed at a more natural size? The website is: https://erikanorris.com/bitesized-series I have increased some of the padding around the images to make them a bit
  13. Site URL: https://bachcollegiumsd.org/ Your responses appear to be leading the Squarespace developer forums, so I thought I would reach out directly to you. We have a client who approved a design for their index page. This index page has text laid in a specific location within the image. Due to the way the client wanted the video directly underneath to appear, we needed to use a background banner hero image rather than an image block so that the image would span the length of the container. As such, getting the overlaid text to place exactly where the owner desires it has been a bit of
  14. We're currently using a cover page as a landing page, separate from our main home page (we don't want all clients to be able to see our full site), so the landing/cover page is set as our homepage. We want our logo to loop people back to the main home page, not the cover page. I've found custom code for other templates but am looking for what to do specifically for Henson.
  15. Site URL: https://www.luzclarita.world What custom code do I need to add to change the navigation bar from being located horizontally on the left to vertically on the right?
  16. Site URL: https://bison-prism-bf6c.squarespace.com/ In the link below @tuanphan kindly gives code that allows the nav to be split into a pseudo second nav - using the nth child selector to define at which point the split happens. I'd like to do something similar, but instead of having it split onto a new line I'd like all items after the nth child to right align to the div (my main nav is left aligned). At the moment I do have one fake secondary nav item on the right but this is simply a restyle of the Button available within the Elements option found in the global nav. This
  17. Hi there, I'm currently building a site in the square-space trial so I don't think I can share my url. However, I basically looking to add a grey background block, with an opacity of around 80% to my title's on poster image blocks to make the text more legible. A bit like the inline version, expect I want it permanent, not only on hover and in the centre. I can't work out the code to do this, can anyone help?! Thanks in advance.
  18. I'm trying to use a custom font Recoleta, but it does not show up on my editor and I tried it on another computer. However, one person can see the right font on theirs? I'm wondering if someone could tell me what I've done wrong. My code is below. Thanks in advance! // Creating font-family Recoleta @font-face { font-family: 'RecoletaAlt'; src: url(https://static1.squarespace.com/static/5f734e061bf462563ec94c7a/t/5f9c3d7a8a2bf90a9b22c518/1604074874580/RecoletaAlt-Black.woff)format('woff'), url(https://static1.squarespace.com/static/5f734e0
  19. Site URL: http://ryanmariehelfant.com/selected-films When I click my Site Title (my name at the top) it directs to my homepage (http://ryanmariehelfant.com) but I want it instead to re-direct to http://ryanmariehelfant.com/selected-films Can someone provide me with the CSS to do this? (My template is Julia). Thank you!
  20. Site URL: http://www.theroyalcodes.com Hi fam, I have been scouring the internet and the forums to figure out how to change the Shopping Cart page color theme to match the rest of my website. Everything else on my site is 'White Minimal' theme, but I can't seem to change the theme of the shopping cart page. Am I missing something? I have figured out how to change the background of the Shopping Cart page through custom CSS, but it looks like it will also require me to custom color all of the elements to get it to look the same as the white minimal theme. before I take the time
  21. Site URL: https://www.papergardenrecords.com/ Hey guys, I'm working on some updates for my friend's website and struggling a bit with some custom CSS code that someone else previously put in. (I'm a designer not a coder so nervous to edit existing code) It looks like the following code has been put in to the design>custom CSS area so that all thumbnail images in the news and artists sections fade when you hover over them. However this happens to ALL the images throughout the whole website. I want to change it so that regular images (the ones at the top of a page for example that
  22. Hi, please see attached screenshot. I would like my SHOP menu folder to be in two columns with work for sale on the left (Sand Dunes through Books) and information about the work and additional items on the right (About Our Prints through Give the Gift of Art). Right now it is one long menu. At one point I searched this forum and someone posted custom CSS that broke folders into two columns. You could select which drop-down folder to turn into columns and how many columns. This was a great start but you could not determine WHERE the break occurred, it simply broke it up evenly so if I had more
  23. Site URL: https://seal-bagpipe-jk7x.squarespace.com/ I am trying to turn the content block in my collage images transparent. I've managed to achieve this when the Custom CSS tab is open. But when I view my site with another tab open it goes away. Then if I open the Custom CSS tab it works again. Here's the code I'm using: Here's what it looks like when the CSS tab is open: Here's what it looks like when the CSS tab is closed: Any suggestions? Website - https://seal-bagpipe-jk7x.squarespace.com/ Password - Schr0dinger1
  24. Hi ! I wanted to add a justify text code to my site, however I would like it not to work on certain pages (home: collection-5f8dbef85ed1fe540ab93777 and works: collection-5e78bac67ad76d5324b213a4). However I can't seem to figure out how to write this in code so that the code doesn't apply to those specific pages. The code I have used is : p { text-align: justify;} Any help is much appreciated ! Thank you !
  25. Site URL: http://www.veenadubal.com Hi All, I'm building my first website and need help with changing the headers and paragraphs to unique fonts. I've tried a basic CSS code but I guess being in version 7.1 overrides it. I want to have unique fonts for H1, H2, H3, and H4. Thank you PM!
  • Create New...