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

devonstank

Circle Member
  • Posts

    90
  • Joined

  • Last visited

  • Days Won

    1

Community Answers

  1. devonstank's post in How Can I add a hover + text + button over images? was marked as the answer   
    Basically, I'm using a Code Block with custom HTML5 for the structure and CSS (LESS) for the styling.
    However, you could still make this happen on an Image Block with the caption set to overlay on hover and just use CSS to override the default styles. So, if you add a link in the caption you could style to look like a button. Below could be a good starting point to override the styles and get things in place for styling with CSS.
    .image-caption-wrapper { opacity: 0; text-align: center !important; top: 0 !important; &:hover, &:focus { opacity: 1; } .image-caption { left: 50%; position: absolute; top: 50%; width: 100%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); em { // Project Type Styles // } strong { // Project Title Styles // } a { // Project Link Styles // } } }
    Hope this helps and points you in the right direction.
    Devon Stank @ Devonstank.com (Squarespace Tips & Tricks)
×
×
  • Create New...