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

Search the Community

Showing results for tags 'links'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location

Found 107 results

  1. Site URL: https://www.brubike.be/ Dear Forum, Would it be possible to link to a dropped down menu instead of a page? With other words: creating a link (other than the link in the navigation) that triggers the dropdown menu instead of going to a page? My request is mainly important for the mobile navigation, but it would be interesting to know if this works for dekstop navigation too! I hope making it visual will help: The homepage indicates various languages with images (collage) including hyperlinked text: Dutch, French and English: Clicking on the top image (Dutch) brings you to the first Dutch page (Welkom): the first item in the dropdown menu of the header navigation: However, it would be great if, instead, you would be brought to the drop down menu itself: Is this at all possible? I hope you can help! Thank you so much in advance πŸ™‚ Kind regards, Celina
  2. Howdy I used to be able to do this on other Squarespace templates so I'm not sure where I'm going wrong in 7.1. I've got a folder with two pages in it, and I want the folder itself to be a link to the first page in the folder. I've tried adding <a href="website/about">About</a> into the navigation title but that's not working. Any tips?
  3. Site URL: https://fish-sailfish-58dj.squarespace.com/ How can I change the project links on a 7.1 Hover Background Portfolio to custom links? I want the project titles on this page https://fish-sailfish-58dj.squarespace.com/home2 To go to https://fish-sailfish-58dj.squarespace.com/weddings etc I have tried adding <a href="weddings">weddings</a> to the project title but it kills the styling and the hover effect. I have also tried URL mapping from /home2/weddings to /weddings but that doesn't work either The password is Golcar for the test site
  4. Template: Forte Hi all, I setup folder links using <a href="url slug"> to link to an alternate menu, but they have since ceased to work. Thinking that it might have been some issue with the relative addresses, I have tried using external addresses to no avail. Ling.
  5. Site URL: https://www.newworldangels.com/portfolio I would like each of the images in the portfolio to open an accordion with more information. This expansion would have text and links. I've attached an image of what the structure ought to look like.
  6. Site URL: https://www.wellwomenpsychology.com/ I am very new to coding and squarespace. I just recently published the website. I am trying to replicate the same scroll effect as seen on this page on stripe: https://stripe.com/customers#b2b-platforms. As you scroll down the page, the second nav sticks to the top and the nav link becomes active by changing color as you scroll through the correct section of the site. Primary Problem #1: So far I have successfully made a second sticky nav under the main banner. The only thing left to do is to have the nav links change color to #46d8cb whenever you press on the nav link or whenever you scroll to the link's page within the Index. It is now day 3 and I am going crazy trying to figure this out. From all my research it seems like javasrcript or Jquery are the ways other people have solved this problem. I have tried several javascript "solutions" but none of it worked as I am sure simply cutting and pasting was my problem. But I don't know enough about the language to understand how to manipulate it. Problem #2: The sticky nav section does not float above content while scrolling in an ipad, mobile, or safari. It only works on my desktop. I just found this issue as I was writing this and I figured I would include it here to see if anyone knows a quick solution. Any help would be greatly greatly appreciated! Apologies that the code below is all over the place. Here is the HTML code I injected directly onto the page within the index: <div id="div1" style="position: absolute; z-index:10000; width: 100%; padding: 0 !important; " > <div id="sticky"> <div id="secondary-menu"> <ul> <li> <a href="/types-of-therapy/#cognitive-behavior-therapy">Cognitive Behavior Therapy (CBT)</a> </li> <li> <a href="/types-of-therapy/#dialectical-behavior-therapy">Dialectical Behavior Therapy (DBT) </a> </li> <li> <a href="/types-of-therapy/#exposure-and-response-prevention">Exposure and Response Prevention (ERP)</a> </li> <li> <a href="/types-of-therapy/#circle-of-security">Circle of Security Parenting</a> </li> <li> <a href="/types-of-therapy/#supportive-or-insight-oriented-therapy">Supportive or Insight Oriented Therapy</a> </li> </ul> </div> </div> </div> <script> $(document).ready(function(){ $("#sticky").sticky({topSpacing:0}); }); </script> And here is the CSS I added to the style editor: /*Secondary Menu for Types of Therapy Page*/ #secondary-menu { border-top: 1px solid rgba(7,96,115,.07); border-bottom: 1px solid rgba(7,96,115,.07); background-color: white; } #secondary-menu ul { list-style-type: none; padding-left: 0; margin: 0; text-align: center; } #secondary-menu li { display: inline-block; padding: 0 16px; text-transform: uppercase; font-family: Walsheim Regular; font-weight: 600; font-size: 18px; color: #8898aa; transition: color 0.8s; text-align: center; white-space: normal; } #secondary-menu li:hover { color: #32325d; } #secondary-menu li.active-link a { color: #4cdacc !important; } #secondary-menu a { display: block; padding: 25px 0; max-width: 170px; } #types-of-therapy-content .sqs-block-code { width: 100% !important; } #types-of-therapy-content .index-page-content { padding-right: 0 !important; padding-left: 0 !important; } For full disclosure, here is the script I copied and pasted into the code injector to make the second nav sticky: <!-- JQuery script to make the bottom nav bar sticky on the Types of Therpay Page --> <script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> <script> (function($) {var defaults = {topSpacing: 0,bottomSpacing: 0,className: 'is-sticky',wrapperClassName: 'sticky-wrapper',center: false,getWidthFrom: '',responsiveWidth: false}, $window = $(window),$document = $(document),sticked = [],windowHeight = $window.height(),scroller = function() {var scrollTop = $window.scrollTop(),documentHeight = $document.height(), dwh = documentHeight - windowHeight,extra = (scrollTop > dwh) ? dwh - scrollTop : 0;for (var i = 0; i < sticked.length; i++) {var s = sticked,elementTop = s.stickyWrapper.offset().top,etse = elementTop - s.topSpacing - extra; if (scrollTop <= etse) {if (s.currentTop !== null) {s.stickyElement.css('width', '').css('position', '').css('top', '');s.stickyElement.trigger('sticky-end', ).parent().removeClass(s.className);s.currentTop = null;}} else {var newTop = documentHeight - s.stickyElement.outerHeight() - s.topSpacing - s.bottomSpacing - scrollTop - extra;if (newTop < 0) {newTop = newTop + s.topSpacing;} else {newTop = s.topSpacing;} if (s.currentTop != newTop) {s.stickyElement.css('width', s.stickyElement.width()).css('position', 'fixed').css('top', newTop);if (typeof s.getWidthFrom !== 'undefined') {s.stickyElement.css('width', $(s.getWidthFrom).width());} s.stickyElement.trigger('sticky-start', ).parent().addClass(s.className);s.currentTop = newTop;}}}},resizer = function() {windowHeight = $window.height();for (var i = 0; i < sticked.length; i++) {var s = sticked; if (typeof s.getWidthFrom !== 'undefined' && s.responsiveWidth === true) {s.stickyElement.css('width', $(s.getWidthFrom).width());}}}, methods = {init: function(options) {var o = $.extend({}, defaults, options);return this.each(function() {var stickyElement = $(this);var stickyId = stickyElement.attr('id'); var wrapperId = stickyId ? stickyId + '-' + defaults.wrapperClassName : defaults.wrapperClassName var wrapper = $('<div></div>').attr('id', stickyId + '-sticky-wrapper').addClass(o.wrapperClassName);stickyElement.wrapAll(wrapper);if (o.center) {stickyElement.parent().css({width:stickyElement.outerWidth(),marginLeft:"auto",marginRight:"auto"});} if (stickyElement.css("float") == "right") {stickyElement.css({"float":"none"}).parent().css({"float":"right"});}var stickyWrapper = stickyElement.parent();stickyWrapper.css('height', stickyElement.outerHeight()); sticked.push({topSpacing: o.topSpacing,bottomSpacing: o.bottomSpacing,stickyElement: stickyElement,currentTop: null,stickyWrapper: stickyWrapper,className: o.className,getWidthFrom: o.getWidthFrom,responsiveWidth: o.responsiveWidth});});}, update: scroller,unstick: function(options) {return this.each(function() {var unstickyElement = $(this);var removeIdx = -1;for (var i = 0; i < sticked.length; i++){if (sticked.stickyElement.get(0) == unstickyElement.get(0)) {removeIdx = i;}}if(removeIdx != -1){sticked.splice(removeIdx,1);unstickyElement.unwrap();unstickyElement.removeAttr('style');}});}};if (window.addEventListener) {window.addEventListener('scroll', scroller, false); window.addEventListener('resize', resizer, false);} else if (window.attachEvent) {window.attachEvent('onscroll', scroller);window.attachEvent('onresize', resizer);} $.fn.sticky = function(method) {if (methods[method]) {return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));} else if (typeof method === 'object' || !method ) { return methods.init.apply( this, arguments );} else {$.error('Method ' + method + ' does not exist on jQuery.sticky');}}; $.fn.unstick = function(method) {if (methods[method]) {return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));} else if (typeof method === 'object' || !method ) { return methods.unstick.apply( this, arguments );} else {$.error('Method ' + method + ' does not exist on jQuery.sticky');}};$(function() {setTimeout(scroller, 0);});})(jQuery); </script>
  7. Site URL: https://www.komschlies.com/sort-by-instrumentation Is there anyway to make items in a menu block clickable? (To be clear I'm talking about Squarespace's restaurant menu block, not site navigation) I'm not sure how one would access the code behind these... Or else is there a way to make a code block look and behave like a menu block so that I can add links? Here's an example of what I've done with a code block: https://www.komschlies.com/chronological-list but a menu block's clickable sections at the top would be perfect for what I'm trying to do on this other page.
  8. Site URL: https://harp-chihuahua-m5cc.squarespace.com/companies The summary block thumbnail on my "Companies" page by default links to each respective "blog post" associated with the thumbnail. I would like to be able to link to a different external page for each thumbnail and open that page in a new window. My client would also like to have a hover state on the thumbnail that we can put a few lines of text and perhaps even the link on. Since I'm using summaries elsewhere, I only want this functionality to apply to the "Companies" page. Would appreciate any help. Thanks! Pass: Madrona2020
  9. Hi! I'd like to change the color of the links on a single page, how can I set this up without affecting all of the other pages?
  10. Site URL: https://www.lrdphotographic.com/gallery Hey guys, I would like to be able to add a link to both the buttons and images on this page please; my feedback from users is that they expect to be able to click on the image as well as the button, but Squarespace doesn't offer the functionality to do that by default. Could I get a little help on some code to do that please? Cheers, Lewis
  11. Site URL: https://crimson-cornet-2n6f.squarespace.com/ Hi All, A couple of visual queries on linked text and linked images used to click through to other pages... I'm not a fan of how my template displays linked text as underlined. I'd like to link the name of my practice on my homepage (not in site header) to another page, but I'd like to remove the underline, and instead have the text change colour on hover. I have the same / similar issue with images in my projects gallery. So at the moment the cursor changes to a hand (OK), and it will crudely display a caption overlay on hover, but that's all. I've seen loads of websites where the image changes on hover. It'd be great to be able to have them change to black and white on hover, or fade a little, or have a semi-transparent white mask overlaid. Any help most appreciated! https://crimson-cornet-2n6f.squarespace.com/
  12. Site URL: http://www.arch-worldwide.com/home Hello, I've removed the underline for the links in the footer using the below code. .sqs-block-html a { background-image:none!important; } However, I would like the active link to be underlined. Is this possible even though they are text links and not a navigation bar?
  13. Hello, Does anyone know how to change the colour when hovering over the links on my portfolio page? Thanks! Coral
  14. Site URL: https://www.grindstonewines.com/cart I have a couple of my pages on my site linked to our POS system (for sales & inventory purposes) but lastly I need out checkout Cart page linked to our POS system. I have the new URL but Square Space does not offer to link the Cart Page like they do with other pages. Would custom coding help? Has anyone else come across this issue? Thanks in advance
  15. Site URL: https://www.fallow.eu/home Hi All, I have desperately been trying to link the logo of my website to my home page instead of the cover page. I have seen that there are numerous threads about this issue, and I have tried all the solutions mentioned in at least 10 of those threads (injecting code in the header/footer) but I can not get it to work. Here is a link to my homepage: www.fallow.eu/home and to my cover page: www.fallow.eu Thanks for your help! Matthias
  16. Site URL: http://www.myamericanmorning.com/creative-writing/2020/5/2/the-young-man-and-the-lake I am including a link to a photo (from the same blog) in a blog article. Readers are missing the link because it does not have a special link color. It's just the text color (black) plus being bold and italicized. How do I get the link to be a different color - perhaps bright blue?
  17. Site URL: https://clownfish-point-8mtm.squarespace.com/ Hey everyone, I'm building a site and I'd like for the menu to be like how it is on the https://mojave-demo.squarespace.com/ template, I wondered if anyone else has done this already or is able to help with separating 4 menu items to be right aligned? *it's the latest version of Sqaurespace so no secondary menu anymore 😞 * Site is: https://clownfish-point-8mtm.squarespace.com/ Password: ineedyourhelp massively appreciate any help on this! Thanks, Aaron.
  18. Site URL: https://coral-glockenspiel-gnra.squarespace.com/config/pages/5ede61786cfada14262cb30c Hello, Does anyone know how to remove the blog title navigation links at the bottom of a blog post please in 7.1 Thank you
  19. Site URL: https://life-of-charlie.squarespace.com/blog/game-changing-skincare I've used custom CSS to implement a drop cap on the first letter of the first paragraph of a blog post. To do so, I applied a class to the entire first block of text using a code block, up until the first non-text element (an image, in this case), to prevent inconsistent spacing between paragraphs (code blocks have a bit more padding). However, it appears that links within the text in that code block are not inheriting the same styling as all other links. Is there an issue with how I've created the link? Or a way to force p a {} elements within a code block to inherit Squarespace's default link styling via CSS? Site is currently password-protected, use code buildout. Thanks!
  20. Currently I have a shop page where each product links to a page within squarespace; /shop/(url) I'm trying to make a shop page, where each product you click on, links to an external site. (teespring.com) Is it possible to change the url you're taken to when clicking on a product? Thanks!
  21. Index pages with anchor links to the various sections of the index are a very common website setup nowadays. Unfortunately the anchor links do not work correctly on mobile. In my case, when clicking an anchor link doesn’t close the menu and scroll to the correct section. My idea of solution is to add a click event. When clicking the anchor link, the mobile navigation will close. But this function still not work at my website. Can anyone tell me is that anything I did wrong? My website: I-kinball.org (pw: treats) reference website: riverstonedigital.com (mobile version) This is the function I added: <script> //Anchor link fix function anchorLinks(){ Y.all("a.Mobile-overlay-nav-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); Y.all("a.Mobile-overlay-folder-item").on('click',function(){ Y.one('body').removeClass('is-mobile-overlay-active'); }); } // DOM Ready Y.on('domready', function(){ anchorLinks() }); //RSD Mutation Boserver wrapper function RSD_init(){ anchorLinks(); } // add watch function to window.onload window.onload = RSD_watch; // watch function to look for page changes using Mutation Observer function RSD_watch() { MutationObserver = window.MutationObserver || window.WebKitMutationObserver; var mo = new MutationObserver(function(mo) { var moCount = 0; for (var b = 0; b < mo.length; b++) { var c = mo[b]; if ("attributes" === c.type && moCount === 0) { RSD_init(); } } }); var options = { attributes : true, attributeFilter : ['id']}; mo.observe(document.body, options); } </script>
  22. Site URL: https://www.martinroper.co.uk Anybody know if I can create a whole quote block link to an external site? thanks
  23. Site URL: https://victorjeffreys.squarespace.com/ Hello! I've noticed that I can no longer add a linkthrough on an image block in SS 7.1. Any workarounds for this? Check out the homepage of my site - which is a cover page and I'd like to create a link through on the image to take you to the main site. Thankyou!
  24. Site URL: https://clownfish-point-8mtm.squarespace.com/ Hey everyone, I'm building a site and I'd like for the menu to be like how it is on the https://mojave-demo.squarespace.com/ template, I wondered if anyone else has done this already or is able to help with separating 4 menu items to be right aligned? *it's the latest version of Sqaurespace so no secondary menu anymore 😞 * Site is: https://clownfish-point-8mtm.squarespace.com/ Password: ineedyourhelp massively appreciate any help on this! Thanks, Aaron.
  25. Hi, can any one help with some code to remove the thumbnails links from the bottom of every page in the flat iron template (Other than the index page) The old forums seems to have the answer to this but SP have deleted them! Thx!
Γ—
Γ—
  • Create New...