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

Search the Community

Showing results for tags 'clickthrough'.



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

  1. Site URL: https://www.futureofwhen.com Hello, Im trying to achieve a black full-bleed landing page, but I want a simple "clickthrough" transition to play when you hover over the page with the mouse. I want the black background to slightly crack open on the right side of the page, as though a "door" was opening into a white space. The background that is on the site currently is the image I want the "updated" black background to transition to when you hover over it. I want this transition to "clickthrough" to the contact page that I've already made. How can I achieve this today? futureofwhen.com pw-letuspray
  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. Based on this Q&A: Why don’t clickthroughs work in Wexley? – I learned that in order to use clickthroughs, you have to create a page and then use elements that feed from a gallery, such as the Gallery Grid Block. To maintain the nice grid/layout styling of the Wexley template, I tried the Summary Block Wall layout instead, which created a great mosaic grid with clickthroughs included. The problem now is – it only loads 30 pieces from a gallery at a time. Does anyone have any experience loading more than 30 or of another workaround that would make all of this possible? Could it possibly be done with some kind of code injection? Thanks in advance for your help!
  4. Site URL: https://www.maggiebrz.design/work Hi all, 1. I altered the hover state on my images to span the full image instead of just appear as a bar along the bottom. However, now it won't clickthrough! Anyone have tips? This is the code I'm using (i'm a rookie). 2. It would be super cool to change the hover color, but that's a lot of asks... .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper p, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper p { position: relative; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); color: white; font-weight: 800; font-size: 1.5rem; text-align:center; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper { position: absolute; top: 0px; padding: 20px; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover:hover .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover :focus+.image-caption-wrapper { max-height: 100%; opacity: 1; visibility: visible; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay .image-caption-wrapper, .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper { background: #d78033; opacity:20%; } Thanks! Maggie
  5. Site URL: https://www.jamie-kirk.co.uk I'm using the Wells template for my site and would like to have multiple images that can be viewed when you click on one image - is there code that can achieve this? My site is www.jamie-kirk.co.uk Any help is appreciated!
  6. Site URL: https://shark-clementine-5jph.squarespace.com/blog-2 Hello, Is there a way to make blog posts that do not redirect anywhere when clicked? And a second part to my question, is how can I put a border around blog images? I got it working by testing it on the header/footer but I can't figure out how to do it on the blog images. footer#footer-sections { border-top: 1px solid #e1e1e1; } Site password: mz
  7. Site URL: https://star-fox-slbe.squarespace.com/portfolio/aesop-store-openings Hi there, Would anyone know what css to use to create a clickthrough gallery in slideshow? At the moment there are arrows but i'd prefer to have it so you just click on the right side for 'next' and left side for 'previous'. Thanks in advance,
  8. I've got image blocks that are set to clickthrough to another page. I wanted those images to have a hover over effect and I have found the code for that but it only works when you add a custom css block to the page. So I get the image to show up but so far can't find a way to link a URL to it. Is there anyway to link a clickthrough URL to a custom css code? Below is the code i'm using <img src="https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf181f66e4061a93334439/1573853226998/WinterWandering.jpg" onmouseover="this.src='https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf18cc3563fc67fd558d75/1573853393669/WinterWanderingv2.jpg'" onmouseout="this.src='https://static1.squarespace.com/static/53407622e4b0f0bdc6e387dc/t/5dcf181f66e4061a93334439/1573853226998/WinterWandering.jpg’"> The link to the page i'm trying to do it is here www.wraysinclair.com/film - the top one is how I want the clickthrough to work, and the bottom image is how I want the hover effect to work. Does anyone know any code that I could add a clickthrough URL to my custom css block? Specifically the url I want to link to is www.wraysinclair.com/winter-wandering
  9. Hi, I am using the SKYE template for my blog. Currently, I have already included (from template) category links which regroup my blog posts by category (travel, Food & drink). Super helpful, all good there. I want to create a page with images only -- which clicks through to not categories, but tags. (ie. the page will feature countries i've visited and then when you click on the country, it will regroup tags of all the blog posts written about cities, places in that country). I've sucessfully created a page with images and when I follow the directions on how to ceate a click through image URL, I am having issues. I open the image editor, I go under 'Design' then click on 'Clickthrough URL'. After, I am unable to see any tags i've created and only see the two categories (which came with the template). That said, I'd like some direction on how to make a tag link work but without having the tags visible on my site navigation bar, like the categories. Is there a way to make a link to tags, without having the tags visible in the site navigation? Thank you!
  10. Site URL: https://www.discoverthespots.com/en/tours/boat Hello, Im trying to edit the click through link of a specific product button and i cannot figure it out. I would like the button to link to the contact page rather than adding the product to the cart. Is it possible to do that on a single page? The password to view the page is rome2020. Thankyou, C
  11. Site URL: http://www.lisaromerein.com Hi! I am looking for help coding the slideshow galleries on my site (using the Wells template). I don't want to have any arrows showing in order to control toggling between previous and next images. However, I would like it to function in a manner that when you click on the left side of the gallery, the slide show will go to the previous image, and when you click on the right side of the gallery, the slideshow will progress forward. As it functions now, no matter where you click, the slideshow progresses forward to the next image. If you are able to help let me know! Thank you so much!
  12. Hey guys. So i'm currently using the Brine template and I was wondering if there was anyway to make the banners a click through link, instead of having only the text on the banner be the link. I'm guessing this would be with the help of some custom css. Any help on the matter is much appreciated. Thank you.
  13. Site URL: https://www.joshwilkinson3d.com/doom-stamps My current website is on Wix but I have some gripes with it (won't go into that here). One thing that has me cautious about making the switch to Squarespace is the implementation of interactive images. I worked on a project a while back and one of the pages on my current site displays before and afters. What I did was basically input a large "button" that displays a different image for static display, hover, and click. Can I do something like that with Squarespace?
  14. Site URL: https://www.ensignestates.com/home Hi, I'm trying to remove the ability for users to click through on the Images within a Summary Block on my home page. I have found a previous CSS insert on a previous post but this did not work. They are for display purposes only and does not have any content attached. Any advice / help would be appreciated.
  15. Hi, I have a hyperlinked image block where I'd like for the below to happen upon hover: - Text to appear over the image - White opacity over image I've managed to get this to work using the below CSS code however it seems to have messed up the image clickthrough function. I believe the problem is specifically with the white opacity over image which seems to be disabling clickthrough function. Help! Here's the code I'm using... p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } .design-layout-poster .image-card-wrapper { visibility: hidden; opacity: zero; } .design-layout-poster:hover .image-card-wrapper { visibility: visible; opacity: 1; } .image-block .image-linked:before { content: "";width: 100%;height: 100%;position: absolute;z-index: 1;top: 0;left: 0; opacity: .6;background:; } .image-block .image-linked:hover:before {background: white;opacity: .3;transition: all .2s ease-in-out; }
  16. I made custom buttons in Photoshop for my webpage. When you press them I want another image to pop up, and not a new page. The enable Lightbox feature only seems to put the button image in a lightbox. I've gone into Clickthrough and selected a file I want to use, but pressing my custom button only goes to a new page where that image file is. Is there some CSS code that would help me? Thanks in advance
  17. Site URL: https://blueberry-moose-azns.squarespace.com hello— I am working with squarespace 7.1 and am looking to create a clickthrough url for the background (full bleed image) on the landing page of the site, in the same way that you would be able for an image block. Seems like the only way possible is to add text (and create a link) or to add a button. I do not want to have text or buttons on the image, but want the image itself to function as the link. Any help on this would be appreciated. thanks.
  18. Site URL: https://www.sebastianortiz.com/music Hi All, I've been trying to add clickthrough urls to some images on my gallery page but it's not working. It looks fine but when you click, it just hovers a text. Here is a screenshot of the editing page. If someone knows what this could be, please let me know. Thank you!
  19. Site URL: https://mwejps3lrkma.squarespace.com Since adding an opacity effect to my Image Gallery Block image clickthrough links, the mouse cursor is going to the default arrow cursor as opposed to the hand/pointer . I've tried the following code to no avail; gallery-grid-item.has-clickthrough:hover { cursor:pointer !important; }
  20. Hello. Im trying to find a way of having a colour overlay appear on the hover of an image within a gallery. I dont want this effect across every single image just certain ones within a gallery. Please see the site below for reference - as you hover over a project the colour pink overlays. https://megalodon-rose-khl5.squarespace.com/ password: Testingpassword Reference - https://www.contrastcreative.co.uk/
  21. Application: Fine Art Photography Image Collections. I am looking to add both Lightbox and Clickthrough URL (Open Links In New Window) functionality to my Gallery Blocks, Grid Layout in my Avenue Template. Squarespace default is one or the other. How it would work is that once in Lightbox view specific images (indicated in the Image Description "Write here" text area) can open to a new window where a series of related images to the image clicked on will be displayed. Why? … so I can simplify my Gallery Grid Blocks/Lightboxes with less images by moving similar images to separate viewing pages. How to Clickthrough? 1) Make the Image Description "Write here" text a button? (I like this best), 2) Add a small Clickthrough button at the bottom corner of applicable images? … you tell me I'm a designer, photographer not a code guy. I would be looking for code to copy/paste somewhere and someone to walk me through it. My Site: www.KeithMeehanCreative.com, select "Fine Art Photography", select the "In The Mountains” collection. This Gallery Grid Block could be greatly simplified by moving "like images" to several Clickthrough pages leaving one image behind in the main gallery collection to "sell" the look and feel of the shoot. Has anyone done this already? If not is it feasible … easily? Let me know. Thanks. Keith
  22. Hi everyone. I am trying out the wexley template. I would like set up the home page images as click through images to another gallery. This will be for my weddings. I cannot seem to find the settings for this.So essentially I will load one image per client on the home page. viewers can then click an image to go through to see the whole wedding shoot.Hope someone can help.
  23. I there a way to allow the images in a gallery to have click-through functionality? I don't want to use gallery blocks as it messes with the dimensions. Any help would be greatly appreciated, thanks!!!
  24. Hey All, I want to have an image on my website that changes when you hover over it and you can click which sends you to another page on the website. I haven't been able to find this anywhere, maybe I'm just not asking the right question? Here is the code I have so far which works for the hover image change, but I can't figure out how to make it clickable and redirect. "<img src="Original-Image.pmg" onmouseover="this.src='second-image.png'" onmouseout="this.src='Original-Image.png'">" Thanks for your help! Upstart Strategies - Google Chrome 2020-01-07 11-14-38.mp4
  25. Hi everyone and Merry Christmas. I am looking for some code, perhaps for a code-block. I want to make an image change to another image on hover but still have a clickthrough link to another page. Can anyone help me with this? My website is below. https://redsquirrelcreative.uk The page where I would like to implement the code is here. https://redsquirrelcreative.uk/our-projects If you go to this page you will see I found some code to successfully change the image on hover, however I would like it to also click through to another page. Any help would be very much appreciated. Kind regards, Chris Spencer.
×
×
  • Create New...