Gallery display title and caption
-
I am using the MH Magazine Theme for our school district website. We are a very small school district and want to have a gallery that displays our staff photos, along with each image title and caption, WITHOUT having to click on the image.
Is there a way to do this?
The blog I need help with is: (visible only to logged in users)
-
Hi there, change your gallery-caption custom CSS rule to the following. The display: block; is what makes them appear all the time, and I added a bit of left and right padding so that they captions are easier to read.
.gallery-caption { height: 100%; top: 10px; display: block; padding-left: 10px; padding-right: 10px; }I also noticed that the “Teachers” and “Support” headings you have are right up against the caption above. We can fix this with an inline style. Open your about page in the editor and find this line
<h1>Teachers</h1>
and add the style statement so that it looks like this
<h1 style="margin-top: 25px">Teachers</h1>
Do the same for the “Support” heading as well. -
The caption is now live. Do you happen to know if there’s a way to have that information align left?
The margin-top:25px does make it look much better.
THANK YOU for your help.
Chris -
You can add the following to the .gallery-caption rule I gave you to left align the captions.
text-align: left;
Then add the following two Media Queries which adjust the left/right padding on the captions for narrower screens and see what you think. Add this at the very bottom of your custom CSS.@media screen and (min-width: 1001px) { .gallery-caption { padding-left: 50px; padding-right: 50px } } @media screen and (max-width: 620px) { .gallery-caption { padding-left: 5px; padding-right: 5px; } } -
-
- The topic ‘Gallery display title and caption’ is closed to new replies.
WordPress.com Forums 