Remove border from logo while keeping border around images

Hi there,

I am trying to do something similar here where I added this code:

img {

border: 1px solid black;

}

into the custom CSS section and that creates a border around the main logo. How can I remove this border around the main logo while still achieving the border around all images? Can this be done?

Hi @chrispow

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

img {

border: unset !important;

}

In case the above code doesn’t work please send me the page URL so I can check it more thoroughly.

Hope that my solution works for you.

Best regards,

Henry | PageFly

Thank you so much @PageFly-Henry for your response! Unfortunately it didn’t work, it removed all of the borders which worked but I just need the main logo border removed while keeping the borders around all images.

the url is www.studiohubprinting.com

Thank you again for checking it out. I appreciate your efforts.

@PageFly-Henry would using something like this work?

.site-header__logo img {
border: unset;
}

So sorry to miss your message, I checked the issue again and it’s fixed now.
In case you need any other help then don’t hesitate to contact us.
Thank you so much.