[Locked] SP Easy Image Gallery - Border-Radius for Thumbnails ? - Forum | JoomShaper
Solved Extensions Locked

SP Easy Image Gallery - Border-Radius for Thumbnails ?

Asked by abrac Büro & Grafikservice Andrea Brandt 1 year ago Last activity 6 months ago

Hi Joomshaper-Team,

is it possible to get a SP Easy Image Gallery - Border-Radius for SP Easy Image Gallery Thumbnails ?

Thank you!
Klaus

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
1 year ago · edited

I know what is wrong. You made a mistake with custom.css file path, it should be here

/templates/shaper_helixultimate/css/custom.css

And If I don't see it, browser cannot too. Please check that !

Just move custom.css file from folder templates/shaper_helixultimate/ to templates/shaper_helixultimate/css/ and all will be OK :)

Our CSS was correct.

8 more replies

Mehtaz Afsana Borsha Staff

Hi

Thanks for contacting us, yes you can do it via CSS. Could you please give me a screenshot of that portion? So that I can check and give you the CSS.

-Regards.

Paul Frankowski Senior Staff
1 year ago · edited

Hi Klaus,

Indeed a single line of Custom CSS is needed.

For example, for component view:

.view-album .speasyimagegallery-row > div > .speasyimagegallery-gallery-item img {
  border-radius: 15px; }

Or shorter version for component view

.view-album .speasyimagegallery-gallery-item img {border-radius: 15px;  } 

More universal (com & mod)

.speasyimagegallery-gallery-item img {border-radius: 15px;}
abrac Büro & Grafikservice Andrea Brandt Asked this
1 year ago · edited

Dear Ms. Mehtaz Afsana Borsha,
Dear Paul,

first: Thank you for your kind and fast answer.

So, it does not work.
I'm using two types of SP-Easy_Gallery-Links:

  • as Link to an album from the SP-Easy-Image Component,
  • and - i'll prefere this: als an Image-GAlery Module

But no effect in both variants.

I took the credits in the hidden content fpr you to see...

Thanks:
Klaus

Screenshot Album-view from direct link to the component:
(without any radius :-(
https://prnt.sc/zSIJwMjTMnKb

And Screenshot from a view to an SP PAge Builder site with a SP-easy-gallery-module:
also still without any radius.
SO I made a mistake with my custom.css (?):

https://prnt.sc/fFlVkKbSsvoW

Thanx again from Germany

Paul Frankowski Senior Staff
1 year ago · edited

Danke, aber Benutzername und Passwort falsch oder das Benutzerkonto existiert noch nicht :/


And yes, my first CSS code was prepared for component view only, not module. Becuase you didn't mention about that in first post. But I added extra line, look up again.


abrac Büro & Grafikservice Andrea Brandt Asked this

Oh, sorry- my mistake (false data),
I corrected this.

abrac Büro & Grafikservice Andrea Brandt Asked this

... and yes, I made first a false folder fpr custom.css - but now it's in correct css-Folder -

but it does not work..

Paul Frankowski Senior Staff

2nd mistake that you made was , you forgot to add "} " in first line of custom.css

Yes, I fixed that, images have radius border now.

Danke for access.

abrac Büro & Grafikservice Andrea Brandt Asked this

Thank you very much, Paul!
And sorry for my dumb mistakes.

I wish you a good Sunday!

Klaus

Mehtaz Afsana Borsha Staff

Dont worry Klaus, glad to know that its now solved. And thanks for accepting the answer.

abrac Büro & Grafikservice Andrea Brandt Asked this

Thank you so much!

Mehtaz Afsana Borsha Staff

You are always welcome.

Scott

Exactly what I was looking for. Question wny has this feature NOT been added to the extension?

Paul Frankowski Senior Staff
6 months ago · edited

Maybe becuase not everyone needed/asked for that. And as you can see, it only takes a second to add this effect.

This question is locked, so it takes no new replies. Have a similar problem? Ask a new question.