Changes to Gallery Cover Action Buttons

MarcQuinlivanMarcQuinlivan Registered Users Posts: 58 Big grins
in SmugMug Customization

Recently the "Cover Action Buttons" seem to have been moved off the bottom right corner of the cover image to a row underneath the image.

I did not like how this left a large gap between the cover image and the gallery so I have made some changes to return it to the cover image.

Here are the two CSS code changes:

1) To reduce the gap at the top and bottom and relocate the icons to the right hand side:

.sm-gallery-cover-action-buttons { margin-top: 12px; margin-bottom: 12px; display: flex; align-items: center; justify-content: space-between; flex-direction: row-reverse; }

2) To position the icons at the lower right corner of the cover image where the screen size is wider than 737px - this is to prevent the icons appearing over the gallery name and description on mobile devices.:

@media screen and (min-width: 737px) { .sm-gallery-cover-action-buttons { background: linear-gradient(to top, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, 0) 100%); bottom: 0; left: 0; padding: 12px 12px 10px 12px; position: absolute; right: 0; } }

marcquinlivan.photography

Comments

Sign In or Register to comment.