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 Sider → Nettstedverktøy → Tilpasset 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.