Area-Man

Site URL: https://www.jenuman.com/24hours Hey yall! I'm trying to add some custom CSS to an artwork site that I'm working on but am having trouble using some of the scripts I've seen online. Basically what I'd like to do is to be able to hover over each image in a carousel gallery and have the images/artworks enlarge with a description of the piece of artwork. I'm not even sure if it's possible to do such a thing involving text, as it seems like a tall order; so I could be happy with just a simple lightbox hover feature. I've attached a couple images, one is of the gallery as it looks and one of the ideal hover scenario. Any and all help is appreciated. Thanks! Lee

Site URL: http://jenuman.com Hey y'all, apologies if this problem has been solved before but I couldn't find the solution anywhere. I have been trying to add some customization to the directional arrows on the image carousel in the Wells template. My CSS code has worked for everything except the arrow color, which has the !important tag. On the custom CSS page everything seems to be in order but when I go to my page with the carousel and reload, the arrow color reverts back to default (white). It will flash the correct color and disappear. I'm not sure what the issue is so I'm coming to y'all for any help. My custom CSS is below and what I'd like it to look like is in the attached screenshot. Thanks so much in advance. .sqs-gallery-controls .previous, { color: black !important; background-color: transparent !important; position: absolute !important; left: -5% !important; right: inherit !important; } .sqs-gallery-controls .next { color: black !important; background-color: transparent !important; position: absolute !important; left: inherit !important; right: -6% !important; }