Search the Community

Site URL: https://www.coastalgrain2.squarespace.com.au I want to make a set of 'list' images clickable without using a button, also happy for the whole card area to be clickable. Can someone help me out?

Site URL: https://news.smu.ca/news/category/Community As I'm sure most of you are aware, there are dynamic category pages generated automatically for every category. These pages feature a list of all the category posts with their full content. I used CSS to remove all the content but the headline and the date and let users link through to the full post by clicking the headline. I almost positive that until recently the headlines for those posts linked to the individual post pages. Now they don't, but weirdly the date links to the individual posts. Anybody else run into this? I've had to revert to showing all the content for each post on the category pages, but I don't like it.

Site URL: https://share.squarespace.com/llu09mqo Hi, you probably may not be able to click on my personal page as this is still a config page. Thats why i pasted a video capture from squarespace, as they redirected me here to this forum. You can see the just one time click behavior. The code wasnt done by me. Its a template i purchased here: https://denizencoruolan.squarespace.com/#about-me It behaves sleek with every click and goes to the same anchor link even after a scrolling. However i recently noticed that my anchor links work only one time per page. Scrolling and clicking the same anchor will not call the anchor. And i hope this may be occuring because im still on a config page yet and not live maybe? Appreciate any help! p.s. i dont know if that is helpful, that is what is in css header a { background-image: none !important; } .pdp-layout-wrap-around .pdp-form-wrapper { padding:4em; } .pdp-layout .pdp-details .variant-option select, .pdp-layout .pdp-details .product-quantity-input input { border-color:#eee; } .pdp-layout .pdp-details .product-quantity-input input, .pdp-layout .pdp-details .variant-select-wrapper { border-color:#eee; } .pdp-layout .pdp-details .sqs-add-to-cart-button { font-size:0.9rem; padding:1.25rem; } .pdp-form-wrapper .ProductItem-nav-breadcrumb { font-size:0.9rem; } .product-price { letter-spacing:0.2em; font-size:0.9rem; } .light .sqs-block-image .design-layout-overlap .image-title *{ background: none; box-shadow: none; } .user-items-list-item-container.user-items-list-simple[data-title-font-unit="rem"] .list-item-content__title { font-size: 0.9rem; } // Vertical Navigation // #wm-subnav .header-nav-wrapper { width: 135vh !important; padding: 65px; position: fixed; background:transparent!important; -webkit-transform:rotate(-90deg)translateX(-85%); -webkit-transform-origin: top left; left: 0px; top: 0px; text-align: center; z-index: 999; } body.tweak-subnav-position-top #wm-subnav a { color:#666; } body.tweak-subnav-position-top #wm-subnav { background:transparent; } h3 { font-family: adobe-handwriting-ernie; }

Why when changing a Page's "URL Slug" do any corresponding links not update with the change ? Would it not be better to have symbolic links, rather than actual hard coded ones ?

Site URL: https://flatworm-sawfish-bgzs.squarespace.com/ Password :: Flathead22 On the 'portfolio' tab on the site I want to change it so instead of the button beneath the image being the link, I want clicking on the logo to link to the website.

Site URL: https://www.lmtecdigitalsolutions.com/en/our-team Hey there, Randomly one of our team members images on our website became a link, and it's linking to another one of our team members LinkedIn profile. The LinkedIn icon under his name "Scott Whiteman" works completely fine, his image somehow just became a clickthrough link, whereas no one else's has done that. He also somehow has a thin line under his name as well. The image has no link attached to it when I go into the editor, however when I inspect the page, it's treating his name as an "a" tag, and somehow the area of the tag is quite large, since if I click on his image it triggers the clickthrough link as well. It's also adding some padding so it's lowering the LinkedIn icon lower than everyone else's. (This may be because of the underline adding some padding). The weird thing as well, is when I go into edit mode, the name no longer has an underline, and there is no padding, so clearly something is going on with Squarespace. (I also noticed some of my pages recently switched over to center align text in Mobile instead of left align, that's for another day lol). I just want to get rid of the clickthrough link so it matches the functionality of all the other team images. Literally know Idea how this happened, seems like maybe some breaking changes on a Squarespace update or something. Thanks!

Site URL: https://www.tribemag.org/ I see that my content links on version 7.1 does not offer featured images for the content links I want to see if there is a way around this or if there is an equal alternative. Thanks

Hi guys, I need to build a job board on my squarespace site which advertises jobs from external sites. It's basically a list of links which should be filterable by pre-defined tags and categories. I would like to display it in a similar style like the blog post summaries. Main requirements: - Option to add individual categories and tags - Redirect to an external page link when people click on the ad - Option to filter the job ads - No item limit -> I tried using the squarespace blog and the universal filter to build a workaround but it has a 30 items limit and it's also a lot of effort to administrate. I've also checked out the job board plug in by elfsight but unfortunately it doesn't have a filter option and does not allow me to change the button text or category names. Do you have a suggestion for a good plug in that I could use?

Site URL: https://tuba-mustard-fwpa.squarespace.com/ I have a group of four images that link to four sections on my site. They are four inline images - not a gallery section. When I customised the captions to show on hover with a semi-transparent black box behind covering 100% of the image, the image link no longer works... I've tried a few things I've seen on the forum, but can't get it to work. Its a shame because the caption on hover default style isn't very current. Any ideas would be welcome! Thank you! My site isn't yet live... https://tuba-mustard-fwpa.squarespace.com/ diane@broadleycreative.co.uk password: yR8z5k£AzA>Pd_9x go to menu 'Portfolio'. The four images headed Recent work immediately below the hero section.

Site URL: https://wolverine-clover-cpnl.squarespace.com/ Hi there, I am looking to achieve the same link hover effect as what can be seen on https://jessandersonstudio.com/ Here, you can see a text hover vertical flip effect. I would like this effect to be present on my new Squarespace website below. URL: https://wolverine-clover-cpnl.squarespace.com/ Password: rhino2022 Any help would be appreciated on achieving this. Thank you Jess

Dear Community, Working on a website that consists of one landing page with text only no images. I want to create a hover effect to the body text that is a hyperlink so if someone hovers over it an image will appear that can be clicked to access the linked page. Can I make this happen with square space 7.0 without custom code? If I switch to 7.1 would I still need custom code? Or is this something impossible working with squarespace? Thank you for your help. Kindly, Aris

Hi all, I would like to be able to change the link colour for a whole page. At the moment, I have a workaround by defining a .colorchange class and then using 'span class="colorchange"' within each link. But it would be great if I could just define the link colours in the page's style header. I have tried a few variations around: <style> p a{ color:#c10000 } </style> This doesn't seem to have any effect so I'm wondering if my syntax is wrong, or if it just isn't possible? Thanks in advance.

Site URL: https://oriole-watermelon-57s3.squarespace.com/plus-plus-plus Hello, I'd like to make the images on the carousel a clickable link. Is there a way to do that? I can't seem to find the option to. Help will be appreciated, thank you! https://oriole-watermelon-57s3.squarespace.com/plus-plus-plus

Site URL: https://connect-conference.info Hello! I need to change the facebook link preview on squarespace 7.1. You can see it in the screenshot. Now it is "2021" what is wrong. Thank you very much in advance Sergio Coca

Site URL: https://malhotra-fine-art-gallery.com/artworklist/p/swami-prabhupada I am on 7.1 On the product detail page in the description there is no method to change the font color. so be default the description is white. while not my first choice, I'm ok with that. but I put a link in the description and the default color is black (please see site url ) How can i change the link color to make it white or at least not so dark it can't be read.

Site URL: https://amethyst-orchid-6rbh.squarespace.com/config/ Hi. So when designing my website, I have used a list section to allow users to choose between two options. However, I cannot find a way to allow the users to select their option by clicking on the respective image. Instead, they would have to click on the button below the image. Is there any way to set it so that members can choose their option by clicking on the image instead of having to use the button? I would prefer it this way as I feel as though the button looks unprofessional. Let me know!

Site URL: https://youtu.be/2_hbLBdQ0l8 I made my website and I can’t go back to the main page from the sub pages 😫😫 I linked youtube, it shows the issues. please help!! I am desperate to solve this issue 🥲

Site URL: https://www.edibleaudio.co.za/ Hi, I am using the page section code to create anchor links but it doesn't seem to be working. I am adding the following text (for example) to the link field: #page-section-627a245add445f6d5442c552 I've also tried to test the links with the live site but still no luck. I'd rather not use the code blocks for anchor links, so any suggestions to make this page section method work? Thanks

Site URL: https://mahalavi.squarespace.com web password: maha I'm trying to see if there is a way for the List Section to be clickable by image? I know that the other way is to use a List Summary but it doesn't work as well (List section images are more responsive as it is in three columns, whereas the List summary images are not). If anyone has a CSS that could help me to link each of the images here I would be very grateful!!!!

Site URL: https://stlawrencegoldfs.squarespace.com/maple-shack Hello: Is it possible to make the images in my carousel clickable to it's product page link? Thank you, Martin

Site URL: https://brianbilesdesign.squarespace.com/forager How do I change all the nav links at the top right so they are white instead of black?

Site URL: http://laurelguido.com/link-in-bio Hi - I would like this link: http://laurelguido.com/link-in-bio and http://laurelguido.com to link to their own pages on mobile (these two links will follow the correct URLs) AND http://laurelguido.com/link-in-bio and http://laurelguido.com to link to the same page on desktop (link to http://laurelguido.com) I would like to put the http://laurelguido.com/link-in-bio on my Instagram page, but because it is only formatted for mobile (and someone can view Instagram on desktop), I would like it to redirect both these links to my homepage ONLY on desktop. On mobile, I would like to be able to open both those links so on mobile, the person can either be directed to my /link-in-bio page and also my homepage, depending on which link they click (so you can still see my real homepage on mobile if going to http://laurelguido.com).

Site URL: https://www.fragaphoto.com/ Hey Everyone, I been noticing recently that when I link a video from my Vimeo page onto my website the preview images are all blurred. I tried different links, re-uploading and nothing seems to work. Does anyone have any solves?

Site URL: https://gopher-crane-5p96.squarespace.com/ I was able to add my custom font to my websites buttons but the code I used did not work on the button for a link on an image

Site URL: https://yellow-pufferfish-93g7.squarespace.com/ I'm trying to add an animation hover to the list of links in my archive block. I just want the underline to go from right to left when the user hovers over a list item. I've tried some different code, but I can seem to figure out the class to put the code on. .archive-item-list { text-decoration: none; position: relative; } .archive-item-list a:after { content: ""; height: 2px; width: 0; position: absolute; background-color: black; left: 0; bottom: 0; transition: all 0.7s; } .archive-item-list a:hover:after { transition: all 0.2s; width: 100%; }