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. Site URL: https://apple-wedge-pywm.squarespace.com/ Hi, I already have this code for my site .meta .sqs-active-slide{opacity:15} .collection-type-gallery.hide-meta .meta{bottom:40px;right:40px;background:none}.collection-type-gallery.hide-meta .meta .slide{max-height:600vh;max-height:-webkit-calc(600vh - 80px);max-height:calc(600vh - 80px)}.collection-type-gallery .meta .image-desc{color:#fff}.meta-hovered .sqs-active-slide,.meta-visible .sqs-active-slide,.meta-hovered:hover .sqs-active-slide{opacity:1 !important}.collection-type-gallery.gallery-controls-simple .meta #simpleControls{position:fixed;bottom:0;left:220px;padding:10px 0} .collection-type-gallery.gallery-controls-simple .meta #simpleControls .prev-slide{display:inline-block;vertical-align:middle;padding-left:20px;background:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/5645b38ee4b0ba265cdd44d7/1447408526688/ico-arrow-prev.png) no-repeat 0 5%;background-size:auto 100%} .collection-type-gallery.gallery-controls-simple .meta #simpleControls .next-slide{display:inline-block;vertical-align:middle;padding-right:20px;background:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/5645b3fbe4b014628275aabc/1447408635233/ico-arrow-next.png) no-repeat 100% 5%;background-size:auto 100%} .collection-type-gallery.hide-meta .meta .thumbnail-toggle{position:fixed;bottom:0;left:350px;padding:10px 0 10px 20px;background:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/5645ababe4b0ee452876c215/1447406507604/ico-thumbs.png) no-repeat 0 49%} .collection-type-gallery.hide-meta .meta .image-desc{padding-bottom:10px}.collection-type-gallery.enable-gallery-thumbnails .overlay-controls.center-control{cursor:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/564d8e4de4b0cc5a62e4309d/1447923277907/ico-thumbs-large.png),auto}.user-added-controls{font-family:"proxima-nova";font-size:12px;line-height:1.2;text-transform:uppercase;position:fixed;bottom:0;left:470px;z-index:15}.user-added-controls .fullscreen-toggle,.user-added-controls .share-toggle,.user-added-controls .caption-toggle{display:inline-block;padding:10px 0 10px 20px;margin-left:20px;vertical-align:middle;background-repeat:no-repeat;background-position:0 50%;cursor:pointer}.image-desc-toggle{display:none}.collection-type-gallery .overlay-controls.left-control{cursor:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/5645b38ee4b0ba265cdd44d7/1447408526688/ico-arrow-prev.png),auto} grid.loaded:after{opacity:0}.grid .thumb{width:calc(25% - 10px);margin-left:10px;margin-bottom:10px;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.grid.loaded .thumb{opacity:1}.grid .thumb a{position:relative;display:block}.grid .thumb img{width:100%;height:auto}.grid .thumb .thumb-caption{position:static;bottom:0;left:0;right:0;padding:5px 14px;background:#000;opacity:.6;color:#fff;font-family:"futura-pt",sans-serif;font-size:20px;line-height:1.2;text-align:right;font-weight:300} .collection-type-gallery .meta .thumbnail-toggle{position:absolute;bottom:0;left:350px;margin:0;padding:10px 0 10px 20px;background:url(http://static1.squarespace.com/static/55f8f7e9e4b065c11d2e4b1b/t/5645ababe4b0ee452876c215/1447406507604/ico-thumbs.png) no-repeat 0 49%} .collection-type-gallery .meta{left:auto;width:auto;max-width:170px;z-index:9999;bottom:40px;right:40px;background:none}.collection-type-gallery .meta .slide{max-height:90vh;max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;background:rgba(0,0,0,.6)}.collection-type-gallery .meta .image-desc{padding:15px 15px 10px}.collection-type-gallery #slideshow .slide{background-repeat:no-repeat;background-position:center center;-webkit-background-size:contain;background-size:contain}@media (min-width:801px){.sqs-gallery-design-stacked-slide.sqs-gallery-design-stacked-slide img.horizontal{width:100% !important;max-height:none !important}.sqs-gallery-design-stacked-slide.sqs-gallery-design-stacked-slide img.vertical{height:100% !important;max-width:none !important}}@media (max-width:1740px){.grid .thumb{width:calc(33.3% - 10px)}}@media (max-width:1377px){.grid .thumb{width:calc(50% - 10px)}}@media (max-width:1023px){.grid .thumb{width:calc(100% - 10px)}}@media only screen and (max-width:800px){.image-desc-toggle{font-size:20px;text-align:right;line-height:20px;padding:0 10px;display:block;cursor:pointer}#slideshowWrapper #slideshow .slide{position:relative !important;top:auto;left:auto;overflow:hidden}.collection-type-gallery #slideshow .slide .image-desc-mobile{opacity:0;position:absolute;top:0;bottom:20px;left:0;right:0;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:10px 10px 1px;margin:0;background-color:rgba(0,0,0,.6);color:#fff;-webkit-transform:translatey(150%);transform:translatey(150%);-webkit-transition:opacity .4s ease,-webkit-transform .4s ease-in-out;transition:opacity .4s ease,transform .4s ease-in-out}.collection-type-gallery #slideshow .slide.show-image-desc .image-desc-mobile{opacity:1;-webkit-transform:translatey(0%);transform:translatey(0%)}.grid{opacity:1}.grid:after{display:none}.grid .thumb{width:100%;margin-left:0;opacity:1}} I would like to make the caption on the site optional with button next to the navigation of show thumbnails that just says caption that will open the caption. Here is a screenshot.
  2. Site URL: https://brijtrivedi.com Hello, Is it possible to make the slideshow smaller on Wells template using css? I have tried customising it the best I could but no luck. The template is not currently in use on my site however I have provided an image as an example of what I am trying to do. Thank you!
  3. Site URL: http://www.brentstirton.com/ Hi, I would like to add a caption button to my wells captions, would anyone know how to do it like these screenshots?
  4. Hi I'm using the Wells template for my site. At the bottom of a page you can find the links "Prev" and "Next" to go to previous or following pages. Is there away to replace these two links with some "page numbers" so a visitor can skip some pages at once, instead of scrolling down each page and then click "prev" or "next"? See attachment... Greetz Gerd
  5. Site URL: https://seanjsprague.com Hello, I'm look for some help and suggestions to help with an issue that's come up recently. I did a slight redesign of my site and checked it on a few devices to see how it would look on a phone, tablet, desktop. Everything was fine except on my 3rd gen iPad air. It appeared that my site did not recognize that it was an iPad and thus the responsive design was in "desktop" mode" on an iPad. After contacting tech support and going back and forth it's basically landed that in the Wells template the iPad design does not get trigged until certain pixels width dimension occur. From tech support: "I have been doing some tests on my end based on what you reported and i believe that, the issue that you reported is connected to a specific rule present within the Wells template. By default, this template will condense navigation links into the mobile display mode, if the screen size is less than 800px. Since your iPad is able to render 834px wide, it will load the desktop version. To give you further insight on this, allow me to share a video on my end where you can see the template mobile breaking point taking effect: Video. " Since the new iPad pixel dimension width is 834px, my site using the Wells template will look as though it's a desktop on new iPads. It was suggested by Squarspace it that I come here and seek some suggestions (as I'm not a coder) for some custom code that I might be able to inject that alters my sites behavior so the responsive design kicks into mobile/table mode at say 900 pixels wide (or some other amount of my choosing.) Any suggestions/examples of custom code that address this are welcome. Attached are some screen shots of how the site currently looks on an iPad vs what it should look like on a tablet. Thanks so much! ps - Here is the video link from Squarespace IT that shows the pixel dimension of when "tablet mode" kicks in - https://share.squarespace.com/Jru1my4y
  6. Hello, I'm building a photography portfolio site and some gallery pages work better as thumbnail galleries rather than slideshow galleries. Is there a way to have "Gallery 1" be default slideshow view and "Gallery 2" be thumbnails? Thanks in advance!
  7. Hello! Is it possible to create a mobile footer for the Wells template? I'm having trouble finding the appropriate coding for it. Any advice would be greatly appreciated, thank you!
  8. Hello! Is it possible to create a mobile navigation window like the 7.1 templates for the Wells template? Where the "plus" icon transitioning to the "x" and the navigation if full screen with the logo present at the top? Any advice would be greatly appreciated, thank you!
  9. Hello! I am having trouble coding a cover/landing page for mobile only on the Wells template. Any help is much appreciated, thank you!
  10. Site URL: http://www.mrmedical.com.au I have three blogs on my website. The problem when I enable the search box was they pull posts from all the three blogs. Then I did something with the code I found on Bradgood website (he's excellent by the way) - 2 of the sidebars disappeared and I don't know how to make them visible again. I tried to hide, then move to left then right in Design but they still did not appear. What can I do?
  11. Site URL: https://carnation-cardioid-yc95.squarespace.com/contact Hello all, I have a code block with an icon and a text of a social media account and I would like to add the link to it. I am not familiar with hyperlinks in code blocks, could anyone give a hint? Thanks!! https://carnation-cardioid-yc95.squarespace.com/contact pw: mount$%
  12. Hello everyone! I am trying to build a portfolio website using the Wells template. I have added a "features" page to display my writing work, but cannot duplicate the blocks to add any more peices of my work than the three that came with the template. I have watched tutorials and they say I should see the tool for duplicating in a mini menu when I hover my mouse over a block, but this menu doesn't show up for me. Any idea what might be going on?
  13. Hi, I'd a little stuck with my website atm, I'm moving to the wells template and I'd like to have my navigation menu a long the top of my site like this for example; https://danieldorsa.com/ I can't find any css anywhere, could anyone please help me with this? Thanks
  14. (wells template) I have an image block: card on my page, and I'd like to have a drop shadow around the card. Does anyone know some css for this? Thanks much!
  15. My current website (a different template) has what I want it to do with the Wells template, which I plan to switch over soon to. I'm wondering if there's a way to make images in the Wells gallery stack in the same way they do in my current template (Avenue). I need the images to be one on top of the other, not on a masonry grid. A quick workaround to this would be simply to put my images into a blank page (not Gallery) and upload that way (solves the stacking problem), but I reply heavily on Gallery's "scheduling" feature, which is not available otherwise. Any custom code I could add to force the gallery to be a single column, regardless of screen size? I've maxed out the picture width to 500px, but it won't let me go higher...I'm guessing if I could, it would be the solution. I suppose if there was an alternate template that has this feature, but allows a left sidebar navigation like Wells has, that would be ok-ish too.
  16. Site URL: https://www.poppieskold.com/ Hallo! Can anyone on here help create a copyright footer on my website - www.poppieskold.com - which is using the Wells template? Here's the copyright text: © Poppie Sköld 2020 Squarespace support won't troubleshoot how to do it as it needs custom code, but have suggested using this forum! Anyone on here able to advise? Thanks in advance! Poppie
  17. Site URL: https://www.theocottle.com/ I'm going to create a on some of my thumbnails on the landing page to specific projects. Everytime I set the clickthrough URL it just opens to gallery view not the specific project. Thanks!
  18. Site URL: http://www.rebeccaheywood.uk How would i change my home page on mobile so it lands on a different page? my current one is not very mobile friendly and id like to design one to fit more on mobile Im using the wells template and i am only on the personal plan Thanks
  19. How will I be able to fix this? I have added a picture of this. I have tried editing the padding but only the start of the text adjusts. Thank you in advance!
  20. Site URL: https://chiickenk.com/ I'm using the Wells template, where the sidebar content is aligned to the top left, and subnavigation elements open downwards. Is there a way to align the sidebar content to the bottom and have it open upwards? I made quick mockups as to how I want it to look, attached here. Thanks!
  21. Site URL: https://wells-demo.squarespace.com Hi there. I am using the WELLS template, and I want to know how to make the content next to the sidebar 100% width. The photo galleries, like the home and this page and perfect examples of what I am after, yet when I create other pages and add blocks, the content has a fixed width; for example, take a look at this page or this one. I contacted the Squarespace support team, and they told me that I should post on this forum to get help with custom CSS, as it is impossible to make those content 100% with the customization options that come with the template. For example, I'd love to use a hero image, 100% width across all viewports, on a blank page, with a text below, among other things. Can someone help me? Also willing to hire a developer to customize my site with these requirements if someone is interested. I appreciate any help you can provide. Flo
  22. Site URL: https://www.gesamtkunstwerkshop.com/astro-ranch-list/z4md0ikgjrul6sfyz1glw6v3o88ia8 Hi! I'm wondering how to customize the "Back to" text on an individual product page. I'm using the Wells template. I've set up my web store as a summary because I like the layout better. However, if you click into a product it goes back to the list page it belongs to, and not the product page. My product page and where I would like the "back to" text to redirect is https://www.gesamtkunstwerkshop.com/astro-ranch Thanks in advance for your help!
  23. Site URL: https://charissekenionphoto.squarespace.com/ Hi all, I'm looking for some custom code for how to centralise the logo and navigation on this site for mobile only. I also want to add some extra padding above and below the logo so it looks similar to the Lauren Daccache example noted below. Note these amends are just for the mobile version of the site. Screenshots also attached of my site (charisse kenion) and the site i'm trying to emulate in terms of positioning and padding etc. Thanks in advance. Sophie http://www.ldaccache.com/
  24. Site URL: https://www.rebeccapeloquin.com/contact Hi there- I've tried various CSS codes but I can't seem to get my Wells template gallery pages to show as columns on mobile vs stacking. I'd like 2 or 3 columns but I can't get it to work for gallery pages only blocks. Any ideas?
  25. Hi. I'm in the process of updating my site and am working on a version with a new template (Wells). This version is not yet public. In the image galleries, the "image title" is bold (see screenshot). How can I set that to regular? And all-caps? Thanks! Alexandre
  • Create New...