Hi,
I've added the following css to the J51 News module:
.j51news-image img {
height: 300px;
border: 5px solid #000;
}
The problem I have is I don't want the images to be cropped. Can you let me know what I need to add.
Thanks.
J51 News image align.
- Issue
- ColDee
- Commercial Templates
- Tuesday, 30 November 2021
- Subscribe via email
Hi,
Sorry, I made the site live. Here it is:
https://gallerymckee.com/galleries/paintings
Regards,
Colin.
Sorry, I made the site live. Here it is:
https://gallerymckee.com/galleries/paintings
Regards,
Colin.
- more than a month ago
- Commercial Templates
- # 1
HI Colin
Would you have a URL to your gallery? The mentioned URL in this post appears to be nom longer valid.
Ciaran
Would you have a URL to your gallery? The mentioned URL in this post appears to be nom longer valid.
Ciaran
- more than a month ago
- Commercial Templates
- # 2
That's great, thank you.
I did mean to ask if the image and text could be centred vertically. Not sure if that's possible?
I also tried to edit the font size using the following css, but it didn't work?
.j51news figcaption {
font-size: 20px;
}
Regards,
Colin.
I did mean to ask if the image and text could be centred vertically. Not sure if that's possible?
I also tried to edit the font size using the following css, but it didn't work?
.j51news figcaption {
font-size: 20px;
}
Regards,
Colin.
- more than a month ago
- Commercial Templates
- # 3
Hi Colin
Presuming I understand you correctly, your images appear to be already centered horizontally. To centre the title, try also adding the following to your Custom CSS.
Ciaran
Presuming I understand you correctly, your images appear to be already centered horizontally. To centre the title, try also adding the following to your Custom CSS.
.j51news figcaption {
text-align: center;
}
Ciaran
- more than a month ago
- Commercial Templates
- # 4
Hi,
The Gallery is looking so much better now. Thanks.
I'm not sure if this is possible, but it would make a huge improvement to the presentation of the images if they were centred horizontally and the titles were aligned at the bottom?
Regards,
Colin.
The Gallery is looking so much better now. Thanks.
I'm not sure if this is possible, but it would make a huge improvement to the presentation of the images if they were centred horizontally and the titles were aligned at the bottom?
Regards,
Colin.
- more than a month ago
- Commercial Templates
- # 5
Hi Colin
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
(edit to taste)
Ciaran
To amend try adding the following to the Custom CSS field of your templates parameters (Extensions -> Templates -> [YourTemplateStyle] -> Custom CSS)....
(edit to taste)
.j51news .j51news-image > a {
max-height: 260px;
}
.j51news-image img {
object-fit: contain;
}
Ciaran
- more than a month ago
- Commercial Templates
- # 7
Thanks for your help with this.
I need all the paintings in a row with a maximum height. Not stretched or cropped.
Regards,
Colin.
I need all the paintings in a row with a maximum height. Not stretched or cropped.
Regards,
Colin.
- more than a month ago
- Commercial Templates
- # 8
Hello
It seems the CSS you have added is stretching your images rather than cropping them. Is this the intended behaviour? Considering the different ratios of each of your images, a better approach might be to use the masonry option available in your news module settings.
Ciaran
It seems the CSS you have added is stretching your images rather than cropping them. Is this the intended behaviour? Considering the different ratios of each of your images, a better approach might be to use the masonry option available in your news module settings.
Ciaran
- more than a month ago
- Commercial Templates
- # 9
- Page :
- 1
There are no replies made for this post yet.
Be one of the first to reply to this post!
Be one of the first to reply to this post!
Please login to post a reply
You will need to be logged in to be able to post a reply. Login using the form on the right or register an account if you are new here. Register Here »