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
  • 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.mountain-goats.com Is it possible to provide a link based on a users IP address? We have a 'merch’ link and we have multiple stores for that link based on location; US/NA, EU/UK, etc, and want the link to direct to proper store via IP.
  2. Site URL: https://typeaprofessionals.com Hello Squarespace community! I'm redoing my site using the Brine template (not yet published, current site still visible). I want to add a line that looks like this, but with the phone number as a clickable link: Call or text: 805-500-TYPE I need to do this in a code block rather than adding a phone link the normal way (long story). I have this line of code that makes the colors look right, but I don't know where to put the href=“tel:805-500-8973” to make the number clickable: Call or text: <p1 style="color:#BABC16;">805-500-TYPE</p1> Thank you!
  3. Site URL: https://www.dafidesign.co.uk/ I have two images that act as a way to select between two options. They both contain an anchor link to a contact form on the same page (below). Could someone please provide the code to make each image 'levitate' slightly as a hover effect. I found an example of this for grid summary blocks here: https://www.ghostplugins.com/steps/quh49fn7 Is this possible for an image? Thanks - Finn
  4. Site URL: https://www.iqvia.com/ I am building a website for a client and would love to include an illustration with interactive elements in one of the section? Iqvia website, which I included above (not designed by me and not built on Squarespace) is an elegant example. Would love to achieve something similar. Is it doable on Squarespace (i do not want to migrate elsewhere!). If so, can you recommend a developer / code person whom I could hire to help me? Many thanks. Magda
  5. Site URL: http://quintondaynemoore.com Hey all, I'm wanting to add underlining to the links on my splash page for my portfolio website, so that they read better as links. To have them underline on a hover or have them underlined all the time are both options I am considering. I tried adding the following code from another thread: .portfolio-hover[data-mode="hover-static"] .portfolio-hover-items .portfolio-hover-item[data-active="true"] .portfolio-hover-item-content { text-decoration: none; border-bottom: 1px solid; display: inline-block; line-height: 0.75;} (Still in use if you visit site), but the underline looks ugly and creates too much extra space on the "& more" part. Anyone with more experience have any solutions? Any and all help is appreciated. Q
  6. Site URL: http://konekretouch.com I've found a script that allows me to redirect the link on my logo to other pages instead of my cover page. However, it doesn't seem to happen when I access the mobile version. Does anyone know how to change the link on the mobile version logo? I'm using the York template. Thanks!
  7. Site URL: https://plane-violet-5zyp.squarespace.com Hi! I want to remove the link back to the main site on one of my pages. Basically, I have two projects under one name that I don't want link to one another if possible. is there a way to remove the auto link on the page title on just one page?
  8. Site URL: https://www.benvoldman.com/ I would like to know how I can have links show up within the same window like in the site: https://www.benvoldman.com/ according to the template ID 5c5a519771c10ba3470d8101, I believe the template is Brower. But I checked out the template and the links open normally like with any other template; so I'm thinking code-injection was used to achieve how the links pop up in the same window (referring to the portfolio image links).
  9. I'm trying to redirect my website title to my portfolio page rather than my cover page (set as my homepage) due to the 7.1 update. I need the function to work on both desktop and mobile but none of the code's I've tried have worked so far. Does anyone have an alternative solution? I've tried the below four options already with no luck: 1) <script> document.querySelector('.header-title-logo a').setAttribute('href', 'https://ttps://beaverhero.com'); </script> 2) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-title a').attr('href','https://beaverhero.com'); }); </script> <script> document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME'); </script> 3) <script> document.querySelector('.header-title-logo a').setAttribute('href', '/PAGENAME'); </script> 4) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('.header-title-logo a').attr('ttps://beaverhero.com'); }); </script>
  10. Site URL: https://emu-maracas-4rxy.squarespace.com/ Hi, Is there a way to create a "navigation map" at the top of certain pages? I'm not sure of the technical term for this, so I'm including a photo example (see below: "Uniqlo Home Page / Women / Joggers") It's the text-based navigation links just under the main navigation, that maps out the location of the page on the site. Is this possible? if so, any tips on the best way to create this? Thanks in advance!
  11. Site URL: https://centrum-niederwangen.squarespace.com Hello After I added some custom CSS to my site some days ago, the links in de headings are double underlined today. Does anyone know how to fix this and go back to just one line under the links? The code i added was: ul[data-rte-list] li>p:first-child::before {content: "-";} [data-section-id="6023f23d92140940806ff29a"] .section-background { background: #e6e8e9 !important } [data-section-id="604734c0dd76222f3b3a4606"] .section-background { background: #e6e8e9 !important } [data-section-id="60477262c9ba787b95464aa3"] .section-background { background: #e6e8e9 !important } Link to the site: https://centrum-niederwangen.squarespace.com Thank you so much for your help in advance!
  12. Site URL: https://emu-maracas-4rxy.squarespace.com/ Hi I'm trying to create a folder navigation box for the drop down links. I'm using this code: // Rounded Corners Folder Menu // .header .header-nav .header-nav-item--folder .header-nav-folder-content { border-radius: 20px; } But the drop down box background isn't showing up. The links aren't visible, and only show up when I hover over the link. I'm also using this additional styling on the navigation. Could it be interfering with the code? // Solid Pill Nav On Hover // .header-nav-item a { padding: 0px 10px !important; } .header-nav-item a:hover { background-color: #809DB3 !important; color: #ffffff !important; border-radius: 50px !important; padding: 0px 10px !important; background-image: none !important; } // Pill Active Nav // .header-nav-item--active a { background-image: none !important; background-color: #809DB3; color: #ffffff !important; border-radius: 50px !important; padding: 0px 20px !important; }
  13. Site URL: https://harpsichord-orca-lbed.squarespace.com/ I'm using a code block to display telephone number and email address icons and text in my footer. I'd like for users to be able to click on the number and email address, so I've used an "a href" code to do this. But the text link doesn't appear. When I mouseover the area, the cursor changes to a hand to show that there's a link, but I don't see any text. When I remove the link, the text appears as normal. I also have text links in a normal text block elsewhere on the footer and they appear normally. I'm stumped and any help is appreciated! Password to view the site: homegp
  14. Site URL: https://www.measureengineering.com.au Hi team, Double underlines have appeared on all our text links which use a heading style. This was previously a single underline... the double lines have appeared without us having made any extra changes. Does anyone know how to resolve? Thanks in advance!
  15. 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.
  16. Hi, I've changed the site title link for the english version of the website and it works perfect on desktop. But on mobile it doesn't work anymore and the link goes back to the german start page. I've used this code: <script> $(document).ready(function() { $('#site-title').attr('href','/english/home'); }); </script> Any ideas? Thanks! Clemens
  17. Site URL: https://hyperboloid-potato-aefg.squarespace.com/ I'm using a markdown block so I can create a border around content on my site. I've achieved the border by creating a custom CSS class .boxinfo Inside my markdown block, I created a div and put my content inside it. This worked well for creating the border, but I noticed that links just appear as regular text. So I added CSS for the links. The CSS for a:link works CSS for a:visited does not work most of the time I've noticed that sometime, the CSS for a:visited DOES work. In the screenshot below, it works for one link, and not for the other. Very strange Here's my CSS: .boxinfo { border: .25em solid #1779B5; border-radius: 1em; padding: 10px; } .boxinfo a:link { text-decoration: underline; color: #0a4564; } .boxinfo a:visited { text-decoration: underline; color: green !important; } And here's a sample of the markdown: <div class="boxinfo"> <H3>Example header</H3> [General Information][1]<br> [new link][2] </div> [1]: /site-search [2]: /for-patients For some reason, the styling is working for the first link, but not the second link (in "Preview mode"). See screenshot 1. However, when viewing the site on an icognito window without being logged in, the styling does not work at all. See screenshot 2. Does anyone have any tips for me?
  18. I have been searching for a way to turn ONE column of text within a text block on certain pages of my site into TWO columns that flow from one to the other. When I split the text with text blocks it looks clumsy on the desktop and worse on a mobile. I found a Youtube tutorial for adding some CSS into the CSS box but it did nothing at all. Then I tried a different one and the who site went crazy so I quickly got rid of that. The right code and how to use it would be amazing! Thank you.
  19. I am looking to create a fashion blog for a particular niche that also has a "shop" that contains all of the recommended products and has a buy now button that directs to external providers instead of an add to cart button. I would like it to have the look and feel of a regular online shop by providing additional information of the product and allow users to filter search by product categories however I will not be selling these products so I want to direct them to the retailers website. How can I go about creating this?
  20. Hi there! So I am creating a smooth-scroll site using anchor links. Almost everything is working great but the only problem I have is that the anchor links don't work more than once without clicking another. For instance, I can click "Menu" on my fixed navigation and it will scroll to the menu on the page. However, if I scroll down a ways on the menu and want to get back to the top it, when I click it on the link in the navigation nothing happens. I can go from "Menu" to "Home" back to the "Menu", but the same anchor link won't work twice in a row. Any chance there is a solution for this, I've seen it on other websites but can't figure it out for the life of me.
  21. Site URL: https://www.cbpharmacyconsulting.com/ I added links to Word documents stored on my Google Drive (not the Google Drive associated with my Domain) in the Footer of my webpages. When I click on the links, it pulls up the Word documents in a separate window like I wanted. But I noticed that the documents can be edited by anyone who clicks on the links. The documents should not be editable. How can I change this? Thank you very much!
  22. Site URL: https://wearewan.com hi, I am working on a site, so far everything was working fine (more or less), but since a couple of hours al my links have double lines and I have no idea what changed or why this happened. Even when I delete my css, the double lines are still there... Have been looking everywhere, but can't find the solution. Any help or ideas appreciated. thanks.
  23. Site URL: https://www.worldisonfire.com/maxvibration Hello, I am an artist and voice teacher and am putting the finishing touches on my new art website. One detail I've been struggling with is how to add a custom hyperlink color to the bottom of one of my digital sculptures residing on a hidden page. On my webpage at the link below, there is a large red guitar emoji used as a link at the bottom, where the heading says, "Music Lab". I am wondering if someone might help me make that guitar link underline color be red, and then when someone hovers over it, have it turn yellow? https://www.worldisonfire.com/maxvibration Thank you in advance, Julius
  24. Site URL: https://nectarine-seal-9zhz.squarespace.com/leadership-toolkit I added text decoration to links so that the automatic styling is hidden and then on hover an underline appears. It's working fine in Chrome but I can't get it to work in Safari. I've tried adding -webkit- but that didn't work. How do I make sure my CSS styles show up across all browsers. This is the code as I have it currently and this is working in Chrome, but isn't working in Safari a:link { text-decoration: none; -webkit-text-decoration: none;} a:hover { -webkit-text-decoration-line: underline; /* Safari */ text-decoration-line: underline; } #block-603ec7c4702da91b36dabb45 {.sqs-block-content a, .sqs-block-content a:visited { background: none !important; -webkit-background: none !important; } }
  25. Site URL: https://www.bloomingmagnoliasblog.com/ I have tried all codes I have found in this forum and nothing seems to work in removing the underline from the links on photos. I'm on Brine, Rally template, on 7.0 version. Site: Blooming Magnolias Blog
  • Create New...