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

Search the Community

Showing results for tags 'hover title'.



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

  1. Site URL: http://www.katejiyeonkim.com/ Hi, I want to add an additional text line on each images/gifs and have them appear on over. I would like the second text to be in a different font, size and thickness. http://mcqueenmcqueen.com/ Attached a reference website of what I am trying to achieve. Does anyone have solutions? Thanks
  2. Site URL: https://buffalo-azalea-5mzy.squarespace.com Hi everyone! I am currently a bit stuck trying to create some sort of portfolio page. I am using the portfolio template "Portfolio 1" in a grid shape, in Squarespace 7.1. My goal is to have the same look and title on hover effect as is standard, but instead of refering to another page (a project page for instance) I would like it to open a lightbox when clicked. This lightbox may contain 2/3 images and a short description. I also thought about another workaround, using a gallery section but adding the "title on hover" effect. However, the lightbox then would need to have some "Hidden" images that only show in Lightbox mode. Preferably the lightbox needs to be closed to view the next project. So far I haven't succeeded trying to find the code and using it. I am fairly new to this! Does anyone know how to do this? I would be super grateful!
  3. Hello guys, On the image blocks, I have written the title text for each. Please help with the code to 1. Hide the text on overview 2. Text should only appear on hover and cantered. The link: https://www.ptphotography.com/shop password: ptphoto Lastly, I would like to have a soft blue overlay on the images upon hover. So the idea is, if I hover on one image, the text + blue overlay shall appear. I would like it to have the same effect as this page: https://www.ptphotography.com Thank you in advance. Best regards, P
  4. Site URL: http://www.erichmcvey.com/ Hi all, I have a specific question about a hover over text on an images page template: How can I add a custom hover over text and style? I am looking for something similar like in the provided site URL. I also attach a screenshot of that same URL. The font would be Bodoni, the transparency accordingly. Thank you for your replies and inputs. Cheers
  5. Site URL: http://www.cleod9music.com/#index Hi all! I've looked on some other forums, but haven't been able to get an answer that works for my site and was hoping someone could help me out. I'm a novice with CSS and I'm currently trying to add a Hover title to my gallery grids on my website. I inserted the following custom CSS and was able to get a hover to display on my grid galleries, however, I'm not able to display the title over the hover. Please let me know if any of you have had experience with this or might have a solution to fix the problem, thank you in advance!! .sqs-block.sqs-block-editable:not(.sqs-block-editing) .sqs-dd-invalid-handle { cursor: default; pointer-events: all !important; } .sqs-block-image .image-block-outer-wrapper.layout-caption-overlay-hover .intrinsic .image-caption-wrapper { background: #fddcce; opacity: .9; } .sqs-gallery-block-grid .slide .margin-wrapper:hover a.image-slide-anchor { opacity: .1; -webkit-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; -ms-transition: opacity .3s ease-in-out; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: absolute; top: 110px; right: 0; bottom: 0; left: 0; padding: 2em; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; -o-transition: all .3s ease-out; -ms-transition: all .3s ease-out; transition: all .3s ease-out; margin-bottom: 0px !important; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { color: #273845; opacity: 0; text-transform: uppercase; font-size: 18px; line-height: 125%; letter-spacing: 2px; margin-bottom: 240px; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { color: #273845; opacity:1; text-transform: uppercase; vertical-align: middle; font-size: 18px; line-height: 125%; letter-spacing: 2px; margin-bottom: 240px; } @media only screen and (max-width: 400px) { .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { color: transparent; opacity: 0; } }
  6. Hi there, I am creating a grid of images on a blank landing page. I am using NOVO 7.1 . I don't know how to code, but would love to learn for this purpose. I need to create a hover title over the images. So they appear the same as the title feature on the portolio pages. The inline caption option isn't what i'm looking for. I want the text to appear in the center of the image, in big text, not colored bar. Can someone let me know how to code this? THANK YOU!!!
  7. Site URL: http://thisisaspace.net Hello! In need of help with my the title on my portfolio sections to not disappear after hover. Any help? Thanks!
×
×
  • Create New...