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

Hello,

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:

:not(.page-selection){
#collection-5f3b10cc86c1c22c839ef543{
  img {
  border-radius: 50%;
}
}
}

Thank you

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

Archived

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.