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

cwhiteside

Member
  • Content Count

    4
  • Joined

  • Last visited

  1. I pretty much managed it using the following CSS: .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; padding-top: 12em; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; transition: all 300ms ease-out; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { background: rgba(240,240,240,0.8); } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-family: sans-serif, futura pt ; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #fff; opacity: 0; } .sqs-gallery-block-grid .slide .margin-wrapper:hover .image-slide-title { font-family: sans-serif, futura pt; font-size: 14px; font-style: bold; text-transform: uppercase; letter-spacing:4px; color: #000; opacity: 1; } However this CSS does not seem to work on the font which is not changing to 'futura pt' or to 'bold' as it should. The click-though link of the images is also no longer working, how can I fix this? www.chriswhiteside.com/home
  2. Hi, I am looking to create an effect similar to on the following website: http://www.scoutstud.io/ My website uses the Hayden template and I am trying to create the effect on the following page: www.chriswhiteside.com/home Can anyone help with the CSS required? (I am new to this) Thanks in advance!
×
×
  • Create New...