Gallery titles customization

Ely

I wonder how to make the gallery titles
https://www.northwestlondonheadshots.co.uk/Headshots/Women-Headshots/
smaller to match the folder and homepage titles size
https://www.northwestlondonheadshots.co.uk/
https://www.northwestlondonheadshots.co.uk/Headshots
Thanks!

denisegoldberg

@Ely said:
I wonder how to make the gallery titles smaller to match the folder and homepage titles size

Try this CSS:

.sm-gallery-cover-title {
  font-size: 25px !important; }

Adjust the size as needed.

Ely

Thanks

Ely

@denisegoldberg said:

@Ely said:
I wonder how to make the gallery titles smaller to match the folder and homepage titles size

Try this CSS:

.sm-gallery-cover-title {
  font-size: 25px !important; }

Adjust the size as needed.

Me again sorry. Another couple of questions regarding the galleries title.

1- How do I center it?

2- How do I make it closer to the photos like the folder and homepage titles?

Many thanks!

denisegoldberg

@Ely said:
Another couple of questions regarding the galleries title.
1- How do I center it?
2- How do I make it closer to the photos like the folder and homepage titles?

This will center the title and description within their space but I don't think that you'll like it. With the slideshow button there, the centering is within the space allocated, not including that button - and that means that it is not centered based on the full width of the screen. I think it looks better without change.

.sm-gallery-cover-title,
.sm-gallery-cover-description {
text-align: center;
}

To change the spacing, try hovering over the element and select the Dimensions entry (the triangle), then change the margins.

• customize
• content and design
• hover over element to be changed
• click dimensions (triangle)

Ely

Thank you. I will give it a go and let you know how it goes. Thanks again

Ely

@denisegoldberg said:
This will center the title and description within their space but I don't think that you'll like it. With the slideshow button there, the centering is within the space allocated, not including that button - and that means that it is not centered based on the full width of the screen. I think it looks better without change.

.sm-gallery-cover-title,
.sm-gallery-cover-description {
text-align: center;
}

You are right, it really doesnt look nice when centred

@denisegoldberg said:
To change the spacing, try hovering over the element and select the Dimensions entry (the triangle), then change the margins.

• customize
• content and design
• hover over element to be changed
• click dimensions (triangle)

It doesn't seem to work. It does if I hover over the folder settings, but no the galleries'. With galleries, I can only change the style but it won't let me select the Dimensions entry like with the folders.