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

Search the Community

Showing results for tags 'wells-template'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. I am using a Wells template and am trying to change the level of "boldness" of the image captions in my image galleries. What Custom CSS code snipets work? I managed to change the font weight for the image description but same code does not work for the image title. Font I am using is "LATO" .image-title { font-size: 17px; letter-spacing: 0.02em; font-weight: 400; "this does not work" } .image-desc p { font-size: 16px; font-weight: 400; "this works" }
  2. Hello, I am trying to add a space into the site title, as it is made of a name and surname. However the spacebar only creates a new paragraph. I am currently using Wells template. Does anyone know how to fix this issue? Many thanks
  3. Site URL: https://carnation-cardioid-yc95.squarespace.com Hello everyone, I am currently using Wells Template and experiencing an issue with the length of the site title. To be precise, when adding a space it automatically creates a new line, moving the surname below the forname. The reason seems to be the number of letters being used, which exceeds the maximum supported. Does anyone know how to tweak the code to allow having forename and surname on the same line? Any help would be appreciated, Thank you, Federica
  4. Site URL: https://www.crossingtheline.online/ Site password: ctlonline Hi there, I'm hoping for some help with creating a mobile navigation menu using the Header Content of my site. I've currently disabled mobile nav using: #mobileMenuLink a { visibility: hidden; } I am using the Header Content for my site menu (see screenshots attached) - and would like this to also appear as a mobile menu with hamburger icon or dropdown. Any help would be much appreciated, Thanks!
  5. Site URL: https://www.crossingtheline.online/ Site password: ctlonline Hi there, I'm hoping for some help with making my side-content responsive across desktop and laptop screens. The main page is a blog page on Wells. On the right hand side, the flashing plus icons reveal text on hover. But the text box runs off the page and is unreadable on smaller desktop views (laptop). The site is responsive for tablet and mobile, but is there a way I can add CSS to ensure the text boxes stay within the site margins when viewed on laptops or smaller desktop screens? I followed these YouTube instructions to set up the text reveal on hover. See screenshots below of how it cuts off. Any help would be much appreciated, thanks!
  6. Site URL: https://crossingtheline.squarespace.com/ Site password: ctlonline Hello, Hoping to get some help adding a background image to the homepage of my site, using Wells theme. Using custom CSS I want to add a background image that covers the blog and right sidebar, but leave the left sidebar navigation clean. I tried this but haven't had any luck: div#canvas { background-image: url(https://i.pinimg.com/564x/ca/71/f6/ca71f61e01e93adcca2683696296e787.jpg); background-repeat: no-repeat; background-size: cover; } Thanks in advance! Carly
  7. Hi, I'd like to know the css code to change the drop menu on Wells template. So instead of the logo and hamburger icon goes down, I'd like them to stay locked on top and the menu drops under the logo/icon. Can someone help me please? Attached the screenshot for a better view of my issue
  8. Hey all, site: https://caterpillar-porpoise-glck.squarespace.com/ password: thanks! I want to customize the audio block on my site. I was able to get the background color to change by using the code: .sqs-widgets-audio-player.light { background: #f9c365; } But I can't seem to figure out how to customize the code to make the play button, title, and time lapsed font a different color other than the basic black. Any help is appreciated. Thanks!
  9. Site URL: https://jasmeet-kundi-rkyy.squarespace.com/ Hi can anyone help with custom css, I would like to make the selected menu and sub menu item bold from the navigation on the WELLS theme.
  10. Site URL: https://www.marcelkimble.com/ Hi there, I would like to change the button size for the four buttons on my main page - I would like them to have the same width. password: 0008 Thanks in advance!
  11. Newbie to Squarespace and Custom CSS so hopefully someone can help me out. I’m using the Wells template and I’m not a fan of the arrows (next and previous) over top of the image. I came across this custom css which is suppose to have “next/previous” at the bottom left of the image and it “works” when I’m in the Design>Custom CSS menu but disappears with the template arrows re-appearing once I move around my site and re-appears once I re-enter the Custom CSS menu. Any help would be greatly appreciated? .sqs-gallery-controls { background-color: white; padding-top: 25px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: transparent; margin-top: 0; padding: 0 !important; line-height: inherit; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 10px; font-family: inherit; } .sqs-gallery-controls .previous::before { content: "PREV"; } .sqs-gallery-controls .next::before { content: "NEXT"; } .previous::after { content: "/"; color: #2E2E2E; margin-left: 5px }
  12. Site URL: http://olive-deer-rj96.squarespace.com Hey All, I am trying to disable the auto-crop on the Summary Grid block so that the thumbnails will fit to a square, but not get cropped. There is an option to turn off auto-crop on the product page in the Site-Wide design styles, but for a specific reason, I need to be able to use the Summary Grid to show my products on the front page. Any ideas how to do this with custom CSS? Using the Wells template. URL: olive-deer-rj96.squarespace.com Thanks! Joseph
  13. Site URL: https://cube-parakeet-z3k6.squarespace.com/ Currently trying to link one link under navigation to a separate hidden page on mobile. I've been trying for ages to get a text layout right but because Squarespace stacks boxes on top of one another this will always be off. I've been able to play around with the layout so that there is a configuration that is suitable for mobile, but then this looks bad on desktop. Is there a way for me to link this link to go one place on mobile? I am to make a second hidden page so that they are both desktop and mobile can have the optimal layout.
  14. Site URL: https://cube-parakeet-z3k6.squarespace.com/ Hi there, Very new to Squarespace and hoping to migrate a site I am working on soon. I'm currently experiencing issues with the drop down menu's font size for the wells template. I've tried: div#topNav a { font-size: 10px !important; } as seen in a few other discussions but no luck. Any advice? Right now the menu is much too large and long. Thank you!
  15. Site URL: https://vladimirdmdj.com Hello, I'm using the Wells template. How can I set a max width for my gallery page? I have an option in the design template for normal pages, but not for my main gallery page. My problem is, when my site is view on 4K screen, my images are enlarged and look bad. Online, I uploaded my images with a resolution of 1 500 pixels on the largest side because I don't want to put them online with a largest resolution. The best option will be to limit my images to grow when the reach there max resolution, but I will be fine if I found a solution to limit the width of my entire website. Thanks, Vladimir
  16. Hi! I just switched up to the Wells template. I want to change the Site Title and Navagation to a custom web font I have been using. I was able to do it to my old template, but that HTML/CSS is not working for this new template. I have the font code: @font-face { font-family: 'Recoleta'; src: url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d7047ee420001652090/1564544369780/39DCEF_0_0.woff2') format('woff2'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d739a4d4a0001fa3e70/1564544371195/39DCEF_0_0.woff') format('woff'), url('https://static1.squarespace.com/static/5928e31fe58c62d37df2a7d1/t/5d410d63a71ed100016bafe7/1564544355607/Latinotype+-+Recoleta+SemiBold.otf') format('otf'); } but none of the HTML/CSS I have found is working for me. I have tried each of these so far and nothing. (Each at one time, not together.) #headerNav nav a { font-family: 'Recoleta' !important; } .desc-wrapper p > strong { font-family: 'Recoleta' !important; } header h1.site-title { font-family: "Recoleta"; } .has-site-title .Header-branding { font-family: "Recoleta"; } Any help would be appreciated! Thanks!
  17. Site URL: https://philipus.com Hello I'm sure this is a setting somewhere and I feel a bit dumb for not having found it so apologies in advance... I use the Wells template and plain pages with gallery blocks for my galleries. In this gallery https://philipus.com/cities-architecturegallery there is an overlay on images even though there is no information in the Title and Description fields of each image. The same is happening in this gallery at the last several images https://philipus.com/til-dawngallery. I have tried deleting the Title and Description text but the overlay doesn't disappear if I do. How can I remove these overlays? Thanks in advance Philip
  18. Site URL: http://www.giacomocabrini.com Hello! I am currently using the Wells Template my photography portfolio. I really love how the galleries open on one single, big image yet I'd rather have them lead only to the thumbnails to view the rest of the gallery instead of offering the opportunity to scroll through them singularly. Does anyone know how I can disable that feature so that once you click on the "main" image the website brings you only to the thumbnails ONLY? Thank you! x
  19. Site URL: https://www.henrysherman.co.uk Hi all, I'm looking to keep the Wells Template Gallery permanently centred on my site. At the moment the title and navigation block - on the left - mean the gallery is always slightly off centre and to the right. Is there a way to introduce an empty container or padding to the right of the gallery that is the same size as the navigation block, so the gallery and photos stay in the centre. Thanks in advance for your help!
  20. Hello, I'm re-doing my website using the Flatiron Template but want the galleries to be a grid like "Wells Template" and not a straight line. Essentially I prefer the homepage of flatiron but want to combine the galleries of Wells, is there a way to do this? Attached is an image how I want the galleries to look once clicking on the thumbnail. Thanks.
  21. Site URL: https://sabrina-scott.com/ Hi, the gallery page on mobile on the Wells template appears as just one long scroll. Is it possible to code it to scroll like this does on mobile: http://studioveronicaditting.com/ (horizontally, rather than vertically) similar to the desktop version of the site? Site URL: https://sabrina-scott.com/ If yes, would also be great to tweak the padding of where the caption sits below image? Thanks! @tuanphan maybe you can help here?
  22. Site URL: https://sabrina-scott.com/ Hi, the gallery page on mobile on the Wells template appears as just one long scroll. Is it possible to code it to scroll like this does on mobile: http://studioveronicaditting.com/ (horizontally, rather than vertically) similar to the desktop version of the site? Thanks!
  23. Site URL: https://www.buildingnarratives.co.uk/ Hi, My query refers to the gallery controls on the bottom left. I have set a width value of 80px for the block. I would like the same number of image numbers to display on each row. Here's an example of the appearance I'd like to achieve on another site: http://rory-gardiner.com/ This is all the CSS pertaining to the gallery controls that I already have imputed: #numberControls.gallery-controls { position: absolute; bottom: 0px; left: 0px; width: 80px; height: auto; font-family: 'aktiv-grotesk'; font-size: 12px; line-height: 1.75em; font-weight: 100 !important; } .number.sqs-active-slide { background: #1F1F1F; font-style: normal; } .number { font-size: 1em; padding-left: 1px !important; padding-bottom: 2px !important; padding-top: 2px !important; padding-right: 0px !important; margin-right: 3px !important; margin-left: 0px !important; } As the margin and padding lines in ".number" work, I thought it just a be a matter of adding 'width: 12px;' to that section would do the trick. But no change. Can anyone show me where I'm going wrong? Thanks, Nick
  24. Hey gang, I am building a website using the Wells template see link here https://helix-chicory-pegn.squarespace.com or live version https://murroninteriors.com/ I would like to make the slideshow gallery automatically slide / fade through the images. Does anyone know a useful bit of code I can add? Also, I would like the same format on the mobile version, currently it stacks all of the images on top of each other. Any help would be greatly appreciated! Also, whats with Squarespace removing all the great content on Squarespace Answers forum? Thanks guys!
  25. Is there a way to add custom CSS to change the outer padding to one side only? I'm using the Wells template and the whole page is left of center. Thanks
  • Create New...