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

catenelson

Member
  • Content Count

    24
  • Joined

  • Last visited

  1. i am in the process of moving from 7.0 to 7.1 and am redesigning my new site. I have added some custom CSS to mosaic gallery page to allow a hover effect which shows the image description on hover. I am a painter and what I would like ideally is for the description to have to lines, like the title of the work in one font and below it in a different size and possibly different font, the info of the painting (medium year size). Is there a way to add a second sort-of "subtitle" section into the image description that can make this a reality? I don't knw how to share the under construction site bc
  2. I got this problem solved by entering code as follows: figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; background: rgba(255,255,255,0.5); left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-grid-item:hover .galler
  3. I'm not sure what to do here to see if this will work if I can't share the url in trial mode
  4. I am working in a trial first to see if I can create the design I want before I commit to switching to 7.1. So I have no URL to share
  5. basically afterI entered this code...the caption just flashes for a sec but when I test the site it isn't visible at all. figure.gallery-grid-item { position: relative; } .gallery-caption { position: static; } /* title */ .gallery-caption-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; display: flex; justify-content: center; align-items: center; z-index: 999; padding: 7%; transition: opacity ease 200ms !important; opacity: 0 !important; pointer-events: none; } .gallery-g
  6. ! I tried entering it in the Design section under "custom CSS" but it did not work. It moves the caption and flashes an overlay as soon as I enter the code but then when I save and look, the caption does not appear anywhere. What am I doing wrong?
  7. I found code in another post but when I add it it doesn't change anything. Maybe I am not adding it n the right place? 7.1 is challenging! This was the code I found elsewhere: .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-overlay, .tweak-portfolio-grid-overlay-show-text-after-hover .portfolio-grid-overlay .grid-item:hover .portfolio-text { opacity: 1 !important; }
  8. I am on trial mode for 7.1. Current site is 7.0. I want a very specific thing. Which is gallery pages of images of my artwork in mosaic mode where the image description is on overlay on hover for each image and then i can click through to another page for each image where you cna see deatils shots and more info etc. I can;t do the overlay feature and it is making me insane
×
×
  • Create New...