Grayscale Certain Pictures - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Grayscale Certain Pictures

RE

Roger Elsig

SP Page Builder 2 years ago

I would like to gray scale certain pictures. I created a module using Page Builder Pro on Joomla 4.2.8.

I'm sorry I can't figure out how to add an attachment to your forum. The picture is a screenshot and saved locally on ma desktop.

I would like the "Zertifikate" pictures in grayscale.

Thank you

0
11 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107262

Fixed. In your case I had to use custom CSS.

#sppb-addon-1677499957268 .sppb-addon-clients-image {
  margin: 0 15px;
}

If you want to change margin value, edit here

info_572_2023.png

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #106508

Hi Roger,

this I can check and I hope solve... moment.

ABout screenshot & forum, upload on your server and put link to that image, that's all.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #106509

You could build it in a different way. Instead of creating columns and adding image addons - you could use one Clients addon - that have that feature.

Otherwise you have to use greyscale class name for each image addon. I did it for first logo.

g.jpg

info_516_2023.jpg

0
RE
Roger Elsig
Accepted Answer
2 years ago #106604

Hi Paul

Is there a way to set the image size in "clients"?

Thank you

Roger

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #106613

As I remember it doesn't have image swidth/height values - so just use logos images in that size to keep them nice looking.

Or use custom CSS to resize, one line!

0
RE
Roger Elsig
Accepted Answer
2 years ago #106645

I finally managed to resize my svg image to the needed size, so that I can use the client add on. How can I distribute the four images evenly within the block size? At the moment they are all glued together on the left hand side. Setting the margins didn't help.

0
RE
Roger Elsig
Accepted Answer
2 years ago #107258

Hi Paul

https://www.screenshare.de/8ked-xfnb-cigc/#key=wh8v-pfvh-8det-yiiz-qh2b-a9ch-mfi9-a5m6

How can I distribute the four images evenly within the block size? At the moment they are all glued together on the left hand side. Setting the margins didn't help.

Thank you

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107260

May I look preview source code somewhere, access still valid?

0
RE
Roger Elsig
Accepted Answer
2 years ago #107261

of course

access is stil valid

0
RE
Roger Elsig
Accepted Answer
2 years ago #107265

Is it somehow possible to evenly space the logos using the whole width?

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #107305

you can play with % instead of px - if I understood you well.

But you know, we are not CSS support.

0