Hvordan legge til avrundede hjørner til bilder

I denne bloggen kan du lære hvordan du raskt og enkelt legger til avrundede hjørner til bilder på Squarespace-nettstedet ditt.  


Se videoen

Sjekk ut YouTube-videoen nedenfor 👇

 

Den første metoden er å legge til en hjørneradius direkte til bildeblokker.
For å gjøre dette, høyreklikk (eller dobbeltklikk) bildet og åpne bilderedigeringsprogrammet. Klikk deretter på Design . Du vil se et alternativ for å legge til en hjørneradius – skriv inn ønsket verdi, og bildet vil vise avrundede hjørner.

 

Den andre metoden bruker en hjørneradius på hele området på alle bilder.
For å gjøre dette, gå til SiderNettstedverktøyTilpasset CSS , og legg til følgende kode:

img {

kantradius: 30px; /* Endre til din foretrukne kantradius */

}

Når de er lagt til, vil alle bildene på nettstedet ditt ha avrundede hjørner.

 

Din designer

Jeg er Victor Rolf, en ekspert Squarespace-designer. Hvis du vil diskutere et potensielt prosjekt, kan du sende meg en e-post på victor@rolfmade.com eller ta kontakt her . Alternativt kan du sette opp en gratis 15-minutters konsultasjonssamtale her.

Tidligere
Tidligere

Squarespace-linjeblokker forklart

Neste
Neste

Hvordan legge til egendefinert kode til Squarespace