Kalium is a very nice theme. Unfortunately, it is not very flexible in terms of some settings. How can I round the corners of the portfolio items (thumbs)?
We don't have an option like this on our Theme Options. If you want to make those portfolio items with rounded corners just add this CSS code to your Custom CSS area:
Could you give me support for the media gallery please?
I can define the preview size by specifying the pixels. It's ok. But unfortunately you cannot adjust the gap between the pics. I would have to adjust the distance per CSS. Just like the corner rounding.
Just like the mouse over. Nothing happens there. Could I set it up via CSS in the same way as the portfolio thumbs fade on hover?
I can see that "Image Gallery" element of WPBakery doesn't offer that option but the "Masonry Media Grid" offers the option of paddings between images.
So, you sent me a css line for the rounded edges of the portfolio gallery. That's working. On different pages we will either add Portfolio Gallery, Media Gallery, Masonry Media Grid or Single Media. So that the thumbs always and everywhere look the same, I would now need the css designation for the thumbs of the Media Gallery, Masonry Media Grid and Single Media.
Hi guys,
Kalium is a very nice theme. Unfortunately, it is not very flexible in terms of some settings.
How can I round the corners of the portfolio items (thumbs)?
Thanks in advance!
Regards,
Eugen
Hi Eugen,
We don't have an option like this on our Theme Options. If you want to make those portfolio items with rounded corners just add this CSS code to your Custom CSS area:
.portfolio-holder .item-box .photo img { border-radius: 10px; }Have a nice day!
Hey Ylli,
that works fine, thank you!
Could you give me support for the media gallery please?
I can define the preview size by specifying the pixels. It's ok. But unfortunately you cannot adjust the gap between the pics. I would have to adjust the distance per CSS. Just like the corner rounding.
Just like the mouse over. Nothing happens there. Could I set it up via CSS in the same way as the portfolio thumbs fade on hover?
Thanks!
Hi Eugen,
Please send me your WordPress credentials, because I need to log-in to your site and test this.
To include your credentials click the Insert Credentials button in the editor toolbar (see how) so your reply will be private.
Please also write the URL of this exact page that you are mentioning.
Thanks!
Hi Eugen,
Here is the option: https://d.pr/v/V7qdQO
Thanks!
Hi Ylli,
it's not about the portfolio thumbs. It's about the media gallery.
Example: https://neu.neckar.design/portfolio/webdesign/
Corners, distance and hover action are not adjustable... :-/
Hi Eugen,
I can see that "Image Gallery" element of WPBakery doesn't offer that option but the "Masonry Media Grid" offers the option of paddings between images.
See example: https://d.pr/v/r5ItSs
Thanks!
Hey Ylli,
great, works perfectly! Thanks for your Help!
However, there is a problem here: the images are shown in the lightbox in a very poor quality. How can the original images be displayed?
Hi Eugen,
Happy to hear that
As for your last question: I'm sorry but I don't see any option to make those images crisper in the current WPBakery Page Builder options.
Maybe you can experiment in this area and see if one of the options there offers the image size change (see video).
You can also contact WPBakery support directly and see if they can assist you on this specific question.
Thanks for your understanding.
Hi Ylli,
thank you very much, i will do that.
Could I define the corner rounding for Media Gallery, Masonry Media Grid or Single Media analogous to the Portfolio Gallery using CSS?
Thank you!
Regards, Eugen
Hi Eugen,
Can you please try to be very specific about the question and explain it more to me so I can easily understand you and give you the proper answer.
Thanks!
Hi Ylli,
I'll try it.
So, you sent me a css line for the rounded edges of the portfolio gallery. That's working.
On different pages we will either add Portfolio Gallery, Media Gallery, Masonry Media Grid or Single Media.
So that the thumbs always and everywhere look the same, I would now need the css designation for the thumbs of the Media Gallery, Masonry Media Grid and Single Media.
My sample page to test: https://neu.neckar.design/portfolio/webdesign/
Would it be possible?
Regards, Eugen
Hi Eugen,
You can add those CSS codes:
.wpb_image_grid .wpb_image_grid_ul .isotope-item img { border-radius: 10px; } .wpb_single_image img { border-radius: 10px; }Thanks!Hey Ylli,
works fine, thank you very much!
Best regards
Eugen
Happy to hear that
Have a nice day!