Jump to content

CSS for mobile captions and desktop captions on image carousel (Ishimoto)

Recommended Posts

Site URL: https://www.briankellymusic.com/home

Hi, I'm having trouble with a bit of CSS I'm using to style to font color and size for image captions on a client's homepage. They're using the Ishimoto template, and the website is: www.briankellymusic.com Here's what I'm using for CSS: 

.collection-type-gallery #slideshow .slide .image-description {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 30px 20px 15px;
    background: #111;
    background: rgba(0, 0, 0, .5);
    color: #a49c52 important!;
    font-size: 9 px important! 
    opacity: 0;
}

Is something wrong with this code? I've tried several other CSS bits with no luck. 

Also, is there a CSS snippet for keeping the caption over the image on the mobile version site? Currently, the caption is situation below the image, and I'd like it to appear on a opaque box on the lower portion of the image .

Would love any advice or workarounds you might have!

 

 

Link to comment
  • laprease changed the title to CSS for mobile captions and desktop captions on image carousel (Ishimoto)
  • Replies 1
  • Views 347
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.