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

Search the Community

Showing results for tags 'hover: text'.



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 8 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://terrier-pelican-7hsm.squarespace.com Hey, would love some help please! I'm pretty new to Squarespace, and am trying to get my captions to hover over my images in a masonry gallery. I've been researching, and seems Squarespace 7.1 has only just allowed captions with galleries? I've used the below code, and the captions do appear. However, I really want the captions to be as a hover option over the image. Does anyone know how to do this? I've attached a screen shot of how the captions are currently showing on images. Been driving me crazy and would love some advice! Thank you! x figcaption.gallery-caption.gallery-caption-grid-masonry { position: absolute; bottom: 0; background: rgba(0,0,0,0.5); color: white; left: 0; text-align: center; img:hover }
  3. Site URL: https://okra-swordfish-w2kf.squarespace.com/ I'm trying to enable image descriptions to appear atop the center of each image upon hover. While I've managed to create a nice ease in/ out effect with making the image slightly more white (essentially so the text can stand out), I can't seem to get description text to appear on each image with the hover. I've gone through a number of threads, but for some reason every version of code I've found isn't working for me. To note, I need to maintain clickthrough abilities, as each image links to its own respective project page I'm working with a gallery block, simple grid on Squarespace 7.1. Here's the code I have so far: //IMAGE BACKGROUND ON HOVER figure.gallery-grid-item .gallery-grid-item-wrapper:before { background-color: white; content: ""; display: block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 999; opacity: 0; transition: all 0.5s; } figure.gallery-grid-item:hover .gallery-grid-item-wrapper:before { opacity: 35%; transition: all 0.5s; } Do I add something to this specific segment of code, or is there a different block of code I should add for the descriptions to also appear on the hover? I'm new to CSS and would be so grateful for some insight! With gratitude! Alex
  4. Site URL: http://bronwynkan.com I would like to hover over a button in my navigation menu and reveal a different line of text: i.e. Hover over "Contact" and for it to reveal my email address (and potentially open up a mail to link when clicked on) or hover over another heading called "Instagram" and for it to reveal my handle and lead to my Instagram page when clicked. Is there a code I could attach to make this happen?
  5. Site URL: https://www.grahamweaver.com/blog/the-common-question On individual blog pages, I added code to make the text for previous and subsequent blog titles (basically the pagination at bottom of each blog post) change colors to our accent blue when the mouse hovers over the titles. It appears to be working just fine when the Custom CSS window is open, but for some reason the hover effect stops working after I close the CSS window on the left menu. See screen grabs for reference. All of my other code is working just fine. Any idea what the issue is here? Is it my code, or is it Squarespace? Would appreciate insight on how to fix! Thank you!! URL: https://www.grahamweaver.com/blog/the-common-question PW: W3av3
  6. Site URL: https://www.grahamweaver.com/ On individual blog pages, I added code to make the text for previous and subsequent blog titles (basically the pagination at bottom of each blog post) change colors to our accent blue when the mouse hovers over the titles. It appears to be working just fine when the Custom CSS window is open, but for some reason the hover effect stops working after I close the CSS window on the left menu. See screen grabs for reference. All of my other code is working just fine. Any idea what the issue is here? Is it my code, or is it Squarespace? Would so appreciate insight on how to fix! Thank you!! URL: https://www.grahamweaver.com/blog/the-common-question See screengrabs for reference.
  7. 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!!!
  8. Site URL: https://tuna-coral-j88a.squarespace.com/config/pages Hi, wondering if anyone can help with this ? We are building a new site, and would like to make a text block show only on hover. The text block is sitting over a full bleed background image. https://tuna-coral-j88a.squarespace.com Im not experienced with CSS, have managed to do this within image poster and image card blocks, but have hit a wall with this. Any help with this would be hugely appreciated. Andrew I found the following. It seems to relate to hover over an info icon, which is not exactly what im after. past into code block <div id="hover-div"> <i class= "fas fa-info-circle"></i> <span id="hover-element"> The Sisters </span> </div> past into design/custom css #hover-element { display: none; position: absolute; padding : 10px: } #hover-div:hover #hover-element { display :block } #hover-div { display: inline } @media only screen and (max-width: 660px) { #block- yui_3_17_2_1_1589316549741_13070{ display: none } }
×
×
  • Create New...