Jump to content

Exclusing the banner and nav bar using img { border-radius: 50%; } on a page

Recommended Posts

Site URL: https://ar-go.live/team


I am using the code: 

img {
  border-radius: 50%;

on a particular page so that all my images are round.  The problem is that it also makes my logo in the Nav bar and my banner background image rounded.  Is there a way to mod my code to exclude those elements?  I have tried using the :not() function, but don't really get it:

  img {
  border-radius: 50%;

Thank you

Link to comment
  • Replies 2
  • Views 675
  • Created
  • Last Reply


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.