Styling meta data (image titles) in Wells template.

There must some some easy snippet of custom CSS to do this. Anyone know it?

Hi @tinyinternetcompany

Here's an example:

.image-title {
         font-size: 20px;
         text-transform: uppercase;
         letter-spacing: 0.02em;
         color: orange !important;
}

Magne

Awesome thanks. Along these same lines, how to style the description of the image titles? (Wells template)

@tinyinternetcompany

If you don't want to do it in Site Styles, you can use this code:

  .image-desc p {
               font-size: 15px;
               color: blue !important;
 }

Magne

Great! I knew it'd be simple, I just didn't know what they were called in the CSS. Ok one more question while I've got you here. In Wells, when you hover over the big gallery images, it gives the up-down and left-right arrow cursor options to navigate through the images. Is there a simple way to change that to a regular mouse symbol that, when you click, just enlarges the images in a lightbox? Thanks in advance.

Just kidding more questions: I can't style font-family or text-transform (among other things) specifically in .image-desc, but it works fine in .image-title.

Is there a different name for that element?

I am trying to figure out why u want to make it unclickable? I mean you want no active links. Just a custom link. To better explain what I am trying to say, here is an example (it is the final image in this article) link here.

This is specific to the Wells template. If you hover your mouse over the big gallery image in the template, the cursor changes to left-right arrows (or up-down if you hover in the middle of the image). I want to prevent the cursor change and instead make it so that clicking the big image makes it open in a light box.

Here's what I mean: https://wells-demo.squarespace.com/pgh5rpj7l7jqgh0spt6ahxgx8ntzsf

@tinyinternetcompany

I've updated the code (I forgot the 'p')

@tinyinternetcompany

Here's a guide:

https://support.squarespace.com/hc/en-us/articles/206542467

@tinyinternetcompany

Here's a guide:

https://support.squarespace.com/hc/en-us/articles/206542467