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

Search the Community

Showing results for tags 'hyperlink'.



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 106 results

  1. Hi there, can someone guide me on how to add a link to a background image? I'm trying to recreate this landing https://www.brrch.com/, which displays a large image that when clicked takes the user to the homepage of the website. Thanks a lot, Will
  2. I am trying to get the clickthrough URL of each image in my galleries to open in a new tab. I did some digging and I noticed that each gallery image has the <div class="margin-wrapper"> on it. So I am thinking if I can have anything that has that class open in a new tab I should be good? How can I change all external links contained within <div class="margin-wrapper"> to automatically open in a new blank target tab?
  3. All the links in my blog pages (well, 99% of them) are links to pages on external sites. I want them to open in a new page. So I repeat this procedure five or six times per blog post: Highlight the link text Click link icon Paste or type external URL Click cog Enable 'Open in New Window' option Click Save Click Apply Instead, it would be great if I could set a site preference to open all URLs in a new window unless it's recognised as an internal site link. That would save me 4 or 5 steps per link.
  4. I have collected a bunch of posts that feature links to articles and saved them under my Facebook "saved post" folder inside Facebook. I'm trying to create a blog with these articles but am trying to find out how to efficiently get them onto my website. Quite new to website building so any help would be appreciated while I continue to work on figuring it out.
  5. Site URL: http://www.jmili.com I have two sites but one of my sites preview is showing up as the other site when I send it as a text message or through social media. One site is jmiliphoto.com and the other is jmili.com I checked in every single folder and I can’t figure out why it’s happening. The photo that is showing up doesn’t even exist on that page. Attached is a screenshot of what I mean.... help please !
  6. I've added some HTML to my customer notification email, but the hyperlink I've added just isn't working. The link text is underlined and there's a finger on the hover in preview, but when I run a test email, the link leads to "vn--ivg" and not my website... I can't work it out...
  7. Site URL: https://localdesigncircle.com/articles/posterjam-offbeat-typethursday-january Hello, I just recently published my website and connected it to a third-party managed domain. The problem I have is that the gap between the hyperlink text and the underline is too big, all of a sudden. Before connecting my domain it was all good, but now it's a big gap, that gets over the text beneath. I tried unlinking and linking it again with no success. Even for new added links the story is the same. I also tried to see if it's a problem with the text line spacing, but it's not. Changing it does not affect the gap. The problem even persists on mobile. Attached, you can find a screenshot with the problem. Thanks!
  8. Site URL: https://sparkotechengineering.squarespace.com Help Please, Our company > Licences I want to display an image when I hover my mouse button to the hyperlinked text. password customer123
  9. Site URL: https://flower-sprout-bgwf.squarespace.com/ Hello. I used the following code to remove hyperlinks from my site. It worked on every page except one. I would like it to work on every page. My site is not published yet so I'm not sure if you'd need more information. Thank you. Kara .sqs-block-html a {background-image:none!important}
  10. Site URL: https://www.elgalgorestaurante.com/ Hello, I have a problem to add a button in the client email notification section. I have indicated this code and it perfectly worked when trying it in the squarespace platform. But when I send the trial email and test it from my email box does not work. Does anywone solved this problem ? Thanks <p style="font-family:ffmetaserifpro; font-weight:500; color:#808080; font-size:18px;">Esperemos que la comida esté a tu gusto. <br> Para ofrecerte el mejor servicio posible, danos tu opinión y la tomaremos en cuenta. <br> <br> ¡ Esperemos volver a verte pronto ! <br> <br> <br> –– El equipo de El Galgo</p> <br> <br> <br> <div align="center" > <input type=button style="border-color:#007564; border-width:2px; width:200px; height:40px; background-color:#ffffff ; text-align:center; color:#007564; font-size:12px; font-weight:500;" onclick=window.location.href="https://www.elgalgorestaurante.com/es/encuesta-el-galgo"; value="DAR UNA APRECIACIÓN" /> </div> <br> <br> <br> <br> <p align="center" style="color:#"> _______________________________________________ </p> <br> <br> {.if order.url} <a href="{order.url}">Ver pedido nº{order.displayId}</a> {.or} Número de pedido: <span style="font-weight:bold; color:#3E3E3E;">#{order.displayId}</span> {.end} (realizado el {order.submittedOn|datetime date:long time }) {.if order.externalOrderNumber} <br> <br> Número de pedido en {order.channelName}: {order.externalOrderNumber} {.end}
  11. Hello, I'm trying to add a hyperlink (text or button) in the lightbox of an image. I'm a photographer and when a customer opens an image in a lightbox, I would like him to be able to click on a button (or text) "buy" to redirect him straight to the product page (the image to buy). I tried to add the product link in the caption, but it doesn't seem to work. Any idea ? Thanks for the help.
  12. Site URL: https://www.lynnemeade.com Hi, I've turned on "Underline Body Links" option in site styles to go with the website's minimalist design aesthetic. A double underline of these links has arisen when adding code blocks to display a colored background, text and links. In order for the links in these code blocks to have an underline, I've used the code: p a {text-decoration: underline!important}. Without that code, the links aren't displaying according the link site styles setting. To view the double underline display issue on a page that has a code block with a link underlined: https://www.lynnemeade.com/contact To view the single underline display on a page that has a code block without any links: https://www.lynnemeade.com/teaching-workshops I've tried various ways to resolve the link problem and am stumped at this point. I would be most appreciative for a way to resolve the double underline display issue. Thank you in advance, Karen
  13. Hi. How can I change the color format of a hyperlink I added to the page footer? I believe there must be something on this already, but could not find it in the help or forum. Specifically, I want to remove the underline, and keep the standard color even when it was visited. How can I change this site-wide or specifically for the page footer? Thanks a lot!
  14. 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.
  15. Please see the arrow pointing to the issue in the screenshot blow. The underline in the H2 is ridiculously low. I know I could increase the line spacing but that messes up the rest of the site. Is there anything that can be done about the hyperlink underline in CSS? If it makes a different I'm using the Orpheus font. Thanks!
  16. Hello, I made this index page with the following code to achieve this nice look. But by doing so, the padding of the text block and the line overlap and I can't click on the hyperlinked texts on the live site. Could anyone please suggest a solution? Thank you! @media screen and (min-width:641px) {.sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} }
  17. Site URL: https://mandolin-elephant-k8st.squarespace.com/ Hi! Can anyone direct me in disabling the blog post thumbnail URL? I do not want to utilize the blog hyperlinks at all. Please advise. Thank you!
  18. Hi, simple question: how to i force download a pdf file that is hyperlinked? I do not want to open it in a new tab. If anyone has thoughts on this please let me know! Code I tried: <p><a href= "/s/filename" download>Download File Here</a></p>
  19. Hello, I've created the following design using the following codes: @media screen and (min-width:641px) { .sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} } However, on the live site, these links cannot be clicked. I'm assuming it's something to do with the line padding. Could anyone please offer a solution without changing the design? Thank you!
  20. Hello, I want to have the related image show up on the right side of the hyperlink upon hovering — similar to this site https://long.vu/ (the site takes a while to load for you to see the hover image). Can some one help me with the code block content? Thanks, in advance.
  21. Site URL: https://mckinnonsquare1.squarespace.com Hello, I am having trouble finding a solution to add a hover color for m yhyperlinks in Talva 7.1. Any suggestions would be very helpful.
  22. Site URL: https://www.sharelife.plus/ Hi I've seen some other posts with very similar requests but the responses weren't clear (to me, yet another beginner) I simply want to add a badge to the footer, and want to link the badge to the badge's website I think it belongs to the right of the current footer links but wouldn't want to change the center-aligned look of the footer links I assume this requires some css ... Is this possible?
  23. 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?
  24. Site URL: https://www.casegoods.in/404 Hi everyone, password of the website : CaseGoods_C3 over the past 3 weeks, I got my hands on how to find the right ".sqs" blocks with developer tools on a browser and use it to customise a big bunch of things with the Custom CSS area. But somehow I'm not able to find the right one on the cover page I designed for the 404 error page. On this page I would like to update the hyperlink style, by default it's "active" and fade when mouse hover. I would like to give it a colour that changes on hover instead of the fading. When I'm in the custom CSS area, I'm able to see a change in the hyperlink style with my little CSS code update, but it only works there and not in the final online page no matter how many times I refresh or clear my browser cache : https://www.casegoods.in/404 I tried a lot of blocks as you can see : /*404 Link color fix*/ .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { color: #05424d !important;} .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul li a { color: #05424d !important;} .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul { a {color: #05424d !important;}} .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="buttons"] li, .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] li { a {color: #05424d !important;}} .sqs-slide-wrapper[data-slide-type="cover-page"] .alignment-center .layer-front .sqs-slide-layer-content { text-align: center; a {color: #05424d !important;} } .sqs-slide-wrapper[data-slide-type="cover-page"] [data-slice-type="navigation"] ul { a {color: #05424d !important;} a:hover {color: #ffffff !important;} } Not sure where I'm wrong, any thought ?
  25. My question pertains to customizing hyperlinks on pages upon hover. Specifically, my linked text is desiged to transition from blue to red in a gradient format when hovered. It works for some pages, however on other pages the text is completely white and not visible (although you can still click the link). It also tends to not work with different design color backgrounds. Here is my code. My main question is: how do I get this design format to apply to all link text EXCEPT the text in the header (have a separate design for that). Is there something i am missing with the CSS code id's? // HYPERLINKS ANIMATION & DESIGN .sqs-block-html p a, .sqs-block-markdown p a, .collection-type-products.view-item p a { position: relative; display: inline; font-size: 1em; font-weight: 400; color: navy; overflow: hidden;} .sqs-block-html p a, .sqs-block-markdown p a, .collection-type-products.view-item p a { /* Same as before */ background: linear-gradient(to right, red, red 50%, navy 50%); } .sqs-block-html p a, .sqs-block-markdown p a, .collection-type-products.view-item p a { /* Same as before */ background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-size: 200% 100%; background-position: 100%; } .sqs-block-html p a, .sqs-block-markdown p a, .collection-type-products.view-item p a { /* Same as before */ transition: background-position 400ms ease; } .sqs-block-html p a:hover, .sqs-block-markdown p a:hover, .collection-type-products.view-item p a:hover { background-position: 0 100%; } Thank you for any help :)
×
×
  • Create New...