Picture With Coloured Border - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Picture With Coloured Border

PL

Patrick Ladner

SP Page Builder 2 years ago

Hello all.

I would like to give a picture a coloured border. But this is not possible with SPPB 5.0.9. The border goes over the whole width of the container.

Do you have a solution?

It should be possible to give each picture a border.

Thank you very much.

https://prnt.sc/uektJpsJR_yZ

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 years ago #130721

Yes, we planned to improve that one day.


You can also use "CSS Klasse" with: gerundet

info_1536_2023.gif

Then in Template Options > Custom CSS or custom.css file add:

.sppb-addon-single-image.gerundet img {
  border: 2px solid #038E9C;
  border-radius: 100% !important;
}

eine einfache und zuverlässige Methode :)

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

Hi Patric,

by now only via Custom CSS :/

.sppb-addon-single-image img {
  border: 2px solid #038E9C; }

but remember to set radius for image in settings, or use

.sppb-addon-single-image img {
  border: 2px solid #038E9C;
  border-radius: 100% !important;
}

Use it for that page (Page Settings > CSS) or in addon (Custom CSS) only.

0
PL
Patrick Ladner
Accepted Answer
2 years ago #130771

Hello Paul

Thank you very much. I have created a custom.css and it works wonderfully with the class.

Thank you very much.

PS: This is the second website I am building, only with Helix and SPPB 5.x. So far I haven't had any major problems except for a few small things.

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

You're welcome.

  1. Good to know :)
  2. You can add review on JED.
0