CB Gallery module image resize does not work

2 weeks 2 days ago #337821 by mibert
Hi there,

I am using CB 2.9.1 on a Joomla 4.4.3 website.
I want to use the CB Gallery module to randomly display about 100 of my users photos. I wanted to resize the images to 100px height.
However, whatever value I am setting in the modules Photo setting, the images size stays the same and always two images per row are displayed.
I also tried with tumbnails, but image size stays the same.
Also images are all square, althought I have set to maintain aspect ratio.

Could you let me know, how to set this correctly.

Thanks in advance for your help.

Michael 

 

Please Log in to join the conversation.

2 weeks 1 day ago #337835 by krileon
Replied by krileon on topic CB Gallery module image resize does not work
Those settings control the upload limits. There is no parameter to control the display sizing. You would just write CSS to adjust its display.


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.

Please Log in to join the conversation.

2 weeks 1 day ago #337838 by mibert
Hi Krileon,

thanks for your advise. Would you have an example, how to do this by CSS?
I would like to display all photos with 100px height and the width keeping the aspect ratio.

Thanks in advance and best regards

Michael

Michael

Please Log in to join the conversation.

2 weeks 1 day ago #337839 by krileon
Replied by krileon on topic CB Gallery module image resize does not work
The CB Gallery module is wrapped in the cbGalleryModuleGallery CSS class which you can use to style just the module. The below is a quick simple example to get you started as I cannot assist you with custom coding without a Business membership.
.cbGalleryModuleGallery .galleryItemsRows > .galleryItemContainer {
	height: 100px !important;
	width: auto !important;
	flex-basis: auto !important;
	max-width: none !important;
}

.cbGalleryModuleGallery .galleryItemsRows > .galleryItemContainer:before {
	display: none;
}

.cbGalleryModuleGallery .galleryItemsRows > .galleryItemContainer .cbCanvasLayout {
	position: relative !important;
}

You can use CBs built in CSS overrides feature shown below to add custom CSS to CB.

www.joomlapolis.com/blog/kyle/18711-template-css-overrides-made-easy


Kyle (Krileon)
Community Builder Team Member
Before posting on forums: Read FAQ thoroughly + Read our Documentation + Search the forums
CB links: Documentation - Localization - CB Quickstart - CB Paid Subscriptions - Add-Ons - Forge
--
If you are a Professional, Developer, or CB Paid Subscriptions subscriber and have a support issue please always post in your respective support forums for best results!
--
If I've missed your support post with a delay of 3 days or greater and are a Professional, Developer, or CBSubs subscriber please send me a private message with your thread and will reply when possible!
--
Please note I am available Monday - Friday from 8:00 AM CST to 4:00 PM CST. I am away on weekends (Saturday and Sunday) and if I've missed your post on or before a weekend after business hours please wait for the next following business day (Monday) and will get to your issue as soon as possible, thank you.
--
My role here is to provide guidance and assistance. I cannot provide custom code for each custom requirement. Please do not inquire me about custom development.
The following user(s) said Thank You: mibert

Please Log in to join the conversation.

2 weeks 1 day ago #337841 by mibert
Wow, very quick and very impressive.
It worked right out of the box!

THANK YOU very much!!

Best regards

Michael
The following user(s) said Thank You: krileon

Please Log in to join the conversation.

Moderators: beatnantkrileon
Time to create page: 0.535 seconds

Facebook Twitter LinkedIn