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

Search the Community

Showing results for tags 'link'.

  • 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
    • Resources
  • 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://www.tradingview.com/chart/lblmvMdp/ How can I embed the below website to view in my squarespace site without opening a new browser tab? I tried an iframe generator and it comes up in squarespace as connection refused. https://www.tradingview.com/chart/lblmvMdp/
  2. Site URL: https://redgumproducts.squarespace.com/ Hello! I have a site in progress (password is 123456) that requires 4 different product paginations. Paginations required as follows.. REDGUM LOG SPLITTERS > 'specific product' REDGUM CHIPPER SHREDDERS > 'specific product' REDGUM LOG SPLITTER ACCESSORIES > 'specific product' REDGUM CHIPPER ACCESSORIES > 'specific product' In order to do this, I created 4 separate store pages (I thought it best to do it this way rather than sorting with categories.) My issue is that I have products set up as summary blocks and I don't want the pagination to go back to the 'products' page. I want the pagination to go back to the unique 'summary' page. I found this code snippet which works perfectly if you have one store page..... <script> $(function(){ $(".ProductItem-nav-breadcrumb-link:first-child").attr("href", "/log-splitters/"); }); </script> I have tried using this code in the page header code injections (obviously changing it to relate to each specific page title) but it is not working out for me. Can this even be done? Any help most appreciated!!!!! Please and thank you 🙂
  3. Site URL: https://orange-beagle-9jfc.squarespace.com/ Good morning to you all, I'm a newbie to Squarespace and I'm sorry if this question has been asked before or if the answers can be found in this forum already - I couldn't find it. I'd like to have linked text or headings in the text to change colour on hover. The default in 7.1 seems to be that the links are underlined. I've managed to get rid of the underline but couldn't manage to change colour. Does anyone know how I can fix this? Thanks in advance for your consideration! Matt
  4. Site URL: https://www.shrine.nyc/online-projects I added custom CSS to make the images in a "simple list" clickable, but cannot get the images in a "carousel" to be clickable. Any guidance?
  5. Site URL: https://deer-lizard-lrrj.squarespace.com/ Hi so I have a code block on this site that contains this code: <div class="image-swap"> <img src="https://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c90c7c1e447d7b159a1/1614621840788/G1blk.jpg"> <img src="https://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpghttps://static1.squarespace.com/static/5f6d95d8648c493bc6755ec7/t/603d2c979295ad0aaf8025a3/1614621847571/G1ora.jpg"> </div> So that when I hover the image changes colour to mimic a live hyperlink. I now want to be able to also click on this image and follow a link to another website. What code do I need? Currently it's html. Thanks.
  6. Site URL: http://www.costaricaraft.com Hello, how can I add elements header with code?
  7. 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.
  8. Site URL: https://hibiscus-crane-ch9x.squarespace.com/ site PW = loomis I know there are posts about this, but they are older and also seem inconclusive. My links are showing up as underlined on mobile. I've added both of these and moved them to the top of my CSS Specifically, you'll see them here: https://hibiscus-crane-ch9x.squarespace.com/projects a { text-decoration: none !important; } a { border: none !important; background-image: none !important; }
  9. Site URL: https://azalea-bullfrog-8dhz.squarespace.com/film Hi, I have a series of 9 image blocks https://azalea-bullfrog-8dhz.squarespace.com/film. I want each image block to have a yellow opacity overlay and title to appear when hovered over. I also want users to be able to click the overlay which will take them to another page of the same site. On a previous site I designed, I could achieve most of this my using image poster blocks and some CSS for the transparent background. But the new Fluid Engine CSS does not have this image poster block option. Here is an image for what I want to achieve: Top left box has a yellow overlay & 'Savage Waters' title appear on overlay. If the users clicks anywhere on the yellow box I want the use to go to https://azalea-bullfrog-8dhz.squarespace.com/savage_waters Thanks Laura
  10. 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!
  11. hi, is it possible to add clickable links to each of the images in a carousel? and if so, can those links open a new window? version 7.1
  12. Site URL: https://www.moscowdrugclub.com/merch Hi, I'm trying to do something very simple, but can't figure it out! On this page: https://www.moscowdrugclub.com/merch I want to be able to link to the product categories, so that when someone clicks onto it it takes them to all of the products in that category. At the top of the page I've written the three categories (T shirts, CDs and downloads). We then have a little section below for each category with a 'shop now' button. I'd like to be able to click on T-shirts or the shop now in the shirts section below and it links to all of the t-shirts. The same for the other categories too. How do I create a link to a category like this? Or is this not possible? Many thanks in advance, Andy
  13. Is there a way to connect or link Lightroom albums in Squarespace yet? It wasn't possible when I was using Squarespace a couple years ago, but I'm considering moving back to Squarespace and was wondering if this feature had been added yet. Thanks!
  14. 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?
  15. Site URL: https://www.4101empedrado.com/services Anybody tell me how I can get the link underline to go away? I'm currently using all this css but the underline is still there and I'm stumped. Thank you! a { background-image: none !important; } .image-caption a { text-decoration: none; } .image-title a { text-decoration: none; } .image-subtitle a { text-decoration: none; } .sqs-block-html a { text-decoration: none !important; } body:not( .header--menu-open ) .header-nav-folder-item--active .header-nav-folder-item-content, /* desktop */ :is( [aria-current="page"], /* mobile */ [aria-current="true"] ) .header-menu-nav-item-content { background-image : unset; }
  16. Hi everyone, I'm stuck at a particular problem: No. 1 I'm working on a gallery of album covers and want to create the exact same effect as on this page: https://www.metallica.com/releases/albums/ Meaning: hovering over the image makes it greyed out (in the above example it's red) and a text with a subtitle for the release year appears. Then you can click on the gallery image and it will take you to the respective page. I have managed all of this with the below CSS coding BUT once I switch to mobile the font size gets way too big and messes up the whole look of it (see screenshots 1 & 2 attached for "correct desktop" VS "messed up mobile"-view). Also, the greyed out image effect appears only if I put a link on the image but not if I don't link it. Is there a way to make it appear without linking the image? Can anybody please help me this? I have no idea about CSS and feel lucky to even have managed to get to the point where I am 😉 Also, the site isn't live yet, so I unfortunately can't share any link to it. Thanks a lot! CSS code figure.gallery-grid-item { position: relative; } @media only screen and (min-width: 834px){ .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .gallery-caption-content { opacity: 1 !important; } /* overlay */ .gallery-grid-item-wrapper a:after { background: #242526; /* overlay color */ content: ""; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; transition: opacity ease 200ms !important; } .gallery-grid-item:hover .gallery-grid-item-wrapper a:after { opacity: 0.80; } /* remove gap */ figcaption { padding: 0 !important; } .gallery-caption-content { font-size: 17px !important; /* caption font size */ color: white; /*caption font color */ } p.gallery-caption-content span { display:block; position: absolute; top: 53%; font-size: 16px; color: white; } }
  17. Site URL: http://www.skatedays.nl Hi y'all, I'm adding images on our page with bulletpoints that link to certain pages. I managed to change the color and font size in CSS. However when I change words into links, the color of the text doesn't change into the right color. This is the code that i used: .image-caption-wrapper { max-height: 100% !important; } .image-caption-wrapper { background: rgba(255,255,255,0.7) !important; } .image-caption p { color: #f0113e !important; font-size: 15px !important; font-weight: bold !important; line-height: 150% !important; letter-spacing: 1px !important; } Second question: Is it also possible to remove the underline when using a link in caption overlay? Thanks, Gr. Koen
  18. Site URL: https://www.cf-markets.com/ Hi I have inserted a live timer into my webpage and I have been trying to remove the redirect link from the timer for a while now, yet no success. Code used <iframe src="https://free.timeanddate.com/countdown/i8f8e26g/n776/cf12/cm0/cu4/ct0/cs0/ca0/co0/cr0/ss0/cac000/cpc000/pct/tcfff/fs225/szw448/szh189/iso2022-09-01T11:00:00" allowtransparency="true" frameborder="0" width="344" height="90"></iframe>
  19. Hello all, Currently trying to build a website. Initial plan was to have the homepage be a portfolio page, with two 'projects' on display (for the two kinds of work I do). I was hoping to set each of those two project pages as their own portfolio page, linking to a set of project pages with each one serving as a gallery page with samples of the different sub categories. I feel like explaining this over text is hard, so here's a small diagram: Portfolio (Home) Portfolio (A) Project (A) Project (B) Project (C) Portfolio (B) Project (1) Project (2) Project (3) Is there ANY way to do something like this? I found another thread from over a year ago where the solution offered was to make one of the pages a gallery page, but that does not work for my purposes: I need to have text accompanying the pages and as of right now the only way to add text to gallery entries seems to be through captions, which are too small and not customizable at all. Any and all help would be much appreciated!
  20. Site URL: https://www.nothingisnotnothing.com/ I have created a cover page for my website: https://www.nothingisnotnothing.com/ To do this I created a home page and removed the header and footer etc. The cover page links through to the main site: https://www.nothingisnotnothing.com/home However, when you click the logo on the main site it links back to the cover page - because it is set as the homepage. I want the logo / site title in the top navigation to link back to the main site rather than the cover page. Is there a code I can use to do this? Thanks, James
  21. Site URL: https://evolutionofbrilliance.squarespace.com/podcasts/ Hi there, I have a podcast page using a blog and blog summary set up. I am using tags and categories to feature info within the podcast (blog post) page but I don't want these as clickthrough's. I have found and tried various code snippets but I can't get any of these to work for me. Some help here would be most appreciated. Thank you very much in advance!!!
  22. Site URL: https://bear-viola-ppwd.squarespace.com/ Does anyone know how I could replicate the button/links on this site -- https://shoppe.amberinteriordesign.com/? The arrow expands on hover. https://bear-viola-ppwd.squarespace.com/ PW: GG007! Stretchy Arrow Link.mp4
  23. Site URL: https://Palamon.squarespace.com Hi all, I'm working on a website at the moment for a client and on the homepage we've got the sectors they operate in and their current investments. Both of these are build using the list section. As I'm sure many of you are aware, the list section does not allow the images to be clickable (why, I have no idea, this seems like such a huge oversight by Squarespace). In any case I have spent hours trying to resolve this so that the images can be clickable, the buttons can remain in place, and the text (that is between the image and the button) in the section can still be copy and pasted. I have tried both the methods outlined on this forum by @paul2009 and @tuanphan but unfortunately cannot get them to work at all. Any help at all would be greatly appreciated. Best Forrest
  24. Is it possible to create a button for one link in the accordion but not for all? I want some text to continue to appear as a clickable link to a website.
  25. Hello, I have spent a good amount of time digging through multiple threads/forums regarding anchor links in 7.1 sites and wanted to summarize what I have working, and what issues I am seeing. RedBarrelCreative.com My setup: Currently I am using code inject blocks to create div tags for header site navigation anchor links. Example: <div id="about" class="anchor-offset-about"></div> Header nav links are written as follows: /home#about The class is so I can create a manual offset for both desktop and mobile jumps to display in the exact spot I want. Example: //desktop// .anchor-offset-about { position: relative; top:0px; } //mobile// @media(max-width:767px) { .anchor-offset-about { position: relative; top:100px; } } Smoothing scrolling is enabled via: html { --scroll-behavior: smooth; scroll-behavior: smooth; } Smooth scrolling on Safari specifically is enabled via: (site-wide header injection) <script src="https://code.jquery.com/jquery-2.1.3.min.js"></script> <script src="https://unpkg.com/smoothscroll-polyfill/dist/smoothscroll.min.js"></script> <script src="https://unpkg.com/smoothscroll-anchor-polyfill"></script> -- This setup IS WORKING correctly. HOWEVER, I am running into some weird glitches across different viewing formats. 1. Chrome - Everything is working properly. Aside from the random anchor link not landing exactly correctly (very rare) this all works. 2. Safari -Upon landing on the home page for the first time, every anchor link appears to force a page refresh and jump to the anchor point without smooth scrolling. After this completes, anchor links will work properly and smooth scroll between them. I am still looking for a solution to this. There are the two options I have tried without success. 1. Force the home page to load at #top. This is not a viable solution, however, as it will work on the very first page load/visit. But if I visit another page on my site that is not the home page, and try to return to one of my anchor links from the header navigation it will force a page load to the top again and not jump to the correct location. 2. Purchased squareaddons.com Anchor Links product. This will solve the problem on desktop, however, I am unable to set class specific adjustments, so anchor link jumps do not land correctly on mobile. I have submitted a ticket to them to ask about this. 3. Mobile (Safari and Chrome on iOS - both iPhone and iPad) -Similar to above, page refresh occurs on first click of any header nav link after landing on home page. Scrolling will work after this. The main other problem on mobile only is that my site header, which is both fixed and using the "dynamic" setting in Squarespace 7.1 is not loading properly when using any anchor link for the first time. It jumps to the right location, but is transparent, showing content underneath where it should be a solid color (white in my case). If I start scrolling or click the anchor link again it will display properly, but makes for a very messy first-time viewing experience. And advice or solutions to these issues would be greatly appreciated. Thank you!
  • Create New...