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


Badges


Expert ID

Found 142 results

  1. Site URL: https://coverkitchen.com/ Hi, All I am using version 7.1 and have come up with a good way to add a secondary gallery to facilitate navigation in a portfolio section, but need help to refine it. As you can see from the screenshots (Screenshot #2 illustrates what I would like to do) on the subpage of a portfolio section, I have added a secondary gallery section that replicates the portfolio section page. This gallery replaces the navigation arrows, with a far more practical and visual way to navigate through other projects within the same portfolio page, book covers in my case. It also saves the need to go back to the main portfolio page to see other projects. I have added a code that changes the opacity of this secondary gallery to and also a black & white filter so that the viewer focuses on the currently viewed project at the top. The images change to 100% opacity and full color on hover. However, it would be best if the currently viewed project remains at 100% opacity and in full color. That way it would convey that this is the project you are currently viewing. My question is: would be possible to add a code that keeps the viewing project on the secondary gallery with 100% opacity and in full color? The image viewed on the portfolio section at the top (2 columns) and on the secondary gallery (6 columns) at the bottom share the same URL as they are the same project. I am not sure whether a CSS tweak would suffice or if a more sophisticated code needs to be done? The idea is that whenever a project is actively viewed at the top, it appears also at full color/opacity at the bottom. The password of my website is: CK2020 This is the current code: @media screen and (min-width:768px) { .gallery-grid-wrapper { img { filter:grayscale(100%); opacity: .5 !important; } img:hover { opacity: 1 !important; filter: none !important; transition: .8s } } } @media(max-width:800px) { .portfolio-grid-basic .grid-item .grid-image :hover { opacity: 1; } Many thanks in advance! Xavier
  2. Hi, I'm using Brine Template and would like to change my links in the text to bold. I couldn't find it in the settings. I tried this css code: a:link {; font-weight: bold;; } however it changed all my links to bold, not only text blocks, but also links in summary and other blocks, which I don't want. Does anyone know how to make bold links only in the text blocks? Thanks in advance!
  3. Site URL: https://jaeminfrazer.com I'm selling an Audiobook + Ebook bundle in my store. I can upload the Ebook fine, but want to deliver customers a private link to Soundcloud so they can access the audiobook after the purchase. Any thoughts on how I can do that would be appreciated. Thanks
  4. Site URL: https://hawk-cheetah-42a2.squarespace.com In my shop, the category links I have on the main shop page is not responsive to mobile. Half the links go missing. You can see here the difference. I don't see any place to fix that.
  5. I've searched the Squarespace Help Guide as well as these forums but can't quite find an answer. I have a client that wants to post a link to an external URL and have page title and image automatically displayed, as with shared links on other platforms like LinkedIn or Facebook. They don't need the Like/Share/Send features of those platforms but just want to easily drop a link and not have to jump through hoops to get the image and correct title. The closest thing I see possible is Linking a blog post title to another page but that would still require adding and tinkering with an image. Is this possible with an extension or plug-in?
  6. Hello, I have a transparent header in the Rivoli template with an image behind it that I like, but the links, on the right side are impossible to see. Is there some way to leave it as is but have a highlight colour behind the links or make the header background area a little lighter so the other elements stand out more? I tried doing this but it affected the image as a whole (continued in the following block). Thank you.
  7. 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?
  8. Hello, I want to create some hyperlinks in a Menu Block. Any suggestions on how to do this? thanks!
  9. Site URL: https://wisteria-panda-z2eg.squarespace.com/projects pw for website: rotorrotor Dear All, I managed to position my captions to be centered (actually not quite centered, they jump up and down according to display size, but good enough..) on gallery images and appearing on hover: https://wisteria-panda-z2eg.squarespace.com/projects (pw: rotorrotor) However, only the part of the image is clickable (links to another page) that is not covered by the caption. How do I get the entire image to be clickable? Thanks a bunch!! Gregor
  10. Site URL: https://www.atelierbymintstudio.dk/ Hi, i would like to remove the underline from my links, but only in the footer. Anyone who has a code for this?
  11. Site URL: http://lakerenfaire.com/ I am trying to redirect the backlinks at the top of individual events when you click the event. The backlinks are at the top of each individual event page as "Back to All Events" where they currently link to https://lakerenfaire.com/virtual-faire-nobility/ and should instead link back to the main page at https://lakerenfaire.com/virtual-faire/. Trying to figure out what I am missing to get this function as intended for each event. The current jQuery I am trying to use is as follows: <!--- events page backlink redirect for virtual faire --> <script src = "https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"> $("a[href='https://lakerenfaire.com/virtual-faire-nobility/']").attr('href', 'http://lakerenfaire.com/virtual-faire/') </script>
  12. Site URL: https://dianestember.squarespace.com/ Does anyone have code to change navigation and links from underline to a color in 7.1?
  13. Site URL: https://shannonfinnegan.com/ Hi! I use an index page on my site to feature my projects. Each project has its own page. Recently a project has grown and now has it's own site. So I want the thumbnail on my home page to link to alt-text-as-poetry.net instead of /alt-text-as-poetry. Is there a way have the thumbnail as an external link with custom code?
  14. Site URL: https://oliviagavoyannis.com/ Hello, I want to remove the links on the images on my main blog post page so that users have to click on the post's 'read more' or title to go to the web pages I have linked rather than a blank blog post. Does anyone know how I do this? Thanks so much!
  15. 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.
  16. 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>
  17. Site URL: https://www.corn-apricot-zn88.squarespace.com/staff-test-blog Hi. This may be my last sticking point. I had help coding a script so that only certain images on my PEOPLE page click-thru. They click through to individual blog pages. My client wants the clickable links to change color, but not the ones that are not clickable. The code below changes all of the titles (which are by default, linkable). How would I change only the ones that click thru? The script in the header that was given to me uses the START INDEX NUMBERS and I let it know which ones I need to click through. This is what I have in my custom CSS. .white .sqs-block-summary-v2 .summary-title:hover {color: #e86234; } Can I change it in the CSS or do I need to place it in the script inn the header? Thank you!
  18. Site URL: https://paddlefish-hawk-wdag.squarespace.com/ Pass: 123123 I'm trying to change the location of the navbar links. I'd like to have my logo centered with two links on either side of the logo, which doesn't seem to be an option in Squarespace's settings. Here's an example of what I'm looking for - For easy comparison, here's what I'm currently working with - Is it possible to achieve what I'm looking for? I've been looking around online and I'm not sure how to begin going after this. Thanks in advance!
  19. Site URL: https://synthesizer-carillon-f8ne.squarespace.com/config/ Hello, I'm looking for a custom CSS code to make hyperlinked text in the footer of my Squarespace site bold. In case it matters, my site is built on a custom Brine template. Thank you in advance for help. Klara
  20. Hello. Anyone know of a way to place a link onto a page to an app such as CashApp or Venmo? For example, you're scrolling through the site and it says "CashApp." You then click on the words and it opens up the CashApp application on your phone. Also, not the thread for this but figured I'd put it out there. Anyone know how to place a Join Button wherever you like on a page that will link to a registration form on another page? Thanks in advance for the help.
  21. Site URL: http://www.palmettehome.com Hi! I'd like to change the link color on certain pages only. Can you help with that code? Thanks!
  22. i want to remove the links to store pages on my store as i have put them in the header instead. any ideas how?
  23. 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!
  24. Is there a way to build a link to a page into a folder link? So, for example, right now on my website, if I hover over the 'Articles' tab, a dropdown menu appears and shows three options to go to three different pages, but if you click 'Articles' nothing happens. I'd like to make it so the drop down menu stays, but also, if I click 'Articles' it takes me to page with sections with links to all the links that are within the drop down menu? Thanks.
  25. Site URL: https://medium.com/deloreantothemax/deloreans-for-sale-eba126ea987d I'd like to add previews to links on a page. An example is listed here https://medium.com/deloreantothemax/deloreans-for-sale-eba126ea987d How do you go about doing that? There has to be a way but I can't find it.
×
×
  • Create New...