Topic: how to change layout of images on gallery post/page « SeaTheme

This topic has 8 replies, 2 voices, and was last updated 5 years, 6 months ago by SeaTheme.

Viewing 9 posts - 1 through 9 (of 9 total)

Author

Posts
December 7, 2020 at 1:57 pm #23278

alysiasimone
Participant

Purchased
Expired

the images come in at varying sizes .. how do i place them in a uniform grid?

WordPress Customization Service from $49 Only! Save your expensive time!

December 8, 2020 at 1:09 am #23280

SeaTheme
Keymaster

Purchased
Expired

Hi,

Did you talk about the images in the Portfolio module?
Better paste the issued page URL, thanks

Regards

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 2:14 am #23324

alysiasimone
Participant

Purchased
Expired

there are 4 posts:
https://themckinleycollection.com/2020/12/07/frida-orupabo/
https://themckinleycollection.com/2020/12/01/baba-isska/
https://themckinleycollection.com/2020/11/22/ruthcatherine/
https://themckinleycollection.com/2020/11/22/aunty-african-women-in-the-frame/

and 1 page:

https://themckinleycollection.com/2020/11/23/gallery/

the coming soon page is up so you have to access these urls from here: https://themckinleycollection.com?bypass=view

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 3:02 am #23327

alysiasimone
Participant

Purchased
Expired

i made a mistake.. no pages.. the 5th page that needs uniform images is a post: https://themckinleycollection.com/2020/11/23/gallery/

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 3:57 am #23329

SeaTheme
Keymaster

Purchased
Expired

Hi,

needs uniform images is a post

Did you mean the images should be the same size? The images will be cropped, is ok?

Regards

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 4:01 am #23330
SeaTheme
Keymaster

Purchased
Expired
Please fix the image line issue by Custom CSS(Appearance > Theme Options > General Settings: Custom CSS):
```
@media (min-width: 481px){
 .single-format-gallery .list-layout-col { 
    display: flex;
 }
}
```
WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 4:37 am #23335

alysiasimone
Participant

Purchased
Expired

the images being cropped is fine as long as the full image appears when you click on it..i’ll try the code adn see how that works thanks

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 4:47 am #23336

alysiasimone
Participant

Purchased
Expired

that helps… would resizing and reuploading some of the larger images help?

WordPress Customization Service from $49 Only! Save your expensive time!

December 11, 2020 at 5:49 am #23337
SeaTheme
Keymaster

Purchased
Expired
Please add the custom CSS:
```
.single-format-gallery .list-layout-col {
    margin: 0;
 }
.list-layout .single-image {
    padding-top: 100%;
}
.list-layout .gallery-images-img {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
    object-position: 50% 0;
}
```
WordPress Customization Service from $49 Only! Save your expensive time!
Author

Posts

Viewing 9 posts - 1 through 9 (of 9 total)

You must be logged in to reply to this topic.