customize Phoca Spectrum in Joomla 6

Phoca Templates - templates for Joomla! CMS
phanti09
Phoca Member
Phoca Member
Posts: 20
Joined: 03 Nov 2024, 19:59

customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hi,
I'm trying to adapt Spectrum template to my website. I have a question regarding the design of the feature box. How can I maintain the design? The images are shown in a circle but they look compressed or stretched. How can I influence the design?
I installed also a blank Spectrum with the demo content, but do not get the point, where these designs are maintained.

I adjusted also the image sizes to the same size than in demo data, but that do not solve the issue.
christine
Phoca Hero
Phoca Hero
Posts: 2950
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Hi,

It's difficult to guess without seeing it. If possible, please show us the URL.

Kind regards
Christine
phanti09
Phoca Member
Phoca Member
Posts: 20
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hi,
I add a screenshot here:
https://imgur.com/a/vvSYIkx

I have the site currently only in my local environment.
Where are these circles comming from? Do I have influence on the colors etc? I found out that the sharpness and the stretching becomes better when I increase the picture size.
Thanks
Stefan
phanti09
Phoca Member
Phoca Member
Posts: 20
Joined: 03 Nov 2024, 19:59

Re: customize Phoca Spectrum in Joomla 6

Post by phanti09 »

Hi,
I managed the issue with the pictures. I tested with size and resolution and managed it at the end.
https://imgur.com/a/uc2FzRC

Will you please describe, how the circle around the pictures is made?
Thank you
Stefan
christine
Phoca Hero
Phoca Hero
Posts: 2950
Joined: 28 Nov 2010, 17:20

Re: customize Phoca Spectrum in Joomla 6

Post by christine »

Hallo Stefan,

Wir können hier Deutsch schreiben (anhand der screenshots).
Wenn Du mit dem Inspector über das Bild (welches wir leider nicht sehen können) hoverst, solltest Du Segmente/Codes sehen.

Hier wegen "Circles": https://www.w3schools.com/HOWTO/howto_css_circles.asp
Also haben die Bilder ev. wo: border-radius

Liebe Grüße
Christine
Post Reply