Jump to content

Changing header link icons to custom ones?

Recommended Posts

Site URL: http://www.mimiceramics.com

 

I'm trying to customize my header links with different icons. I was able to change the shopping cart icon to my own, but I can't seem to figure out the customer login icon. This is the default:

IMG_1920.jpg.037450b0becb1c080e0966b30af744ba.jpg

 I'd like to change it to the one I've already loaded to the Squarespace site:

uploaded image

Any help would be great, thank you!

Edited by msdema
Link to comment
  • msdema changed the title to Changing header link icons to custom ones?

Add to Home > Design > Custom CSS

.user-accounts-icon {
    background-image: url(https://cdn.pixabay.com/photo/2020/12/19/03/27/person-5843476__340.jpg);
    background-size: contain;
    background-repeat: no-repeat;
}
.user-accounts-icon * {
    visibility: hidden;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 months later...
17 minutes ago, msdema said:

wow im so sorry i saw this so late but THANK YOU! it finally worked!!

Your site has white bar on right of screen. Do you want to fix this?

image.thumb.png.84c87869b08442340f7efe67e8049cbd.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 2 weeks later...
On 3/9/2021 at 7:17 AM, msdema said:

yes please. i've been struggling with some coding making things looks weird.

 

i also have one other request. the header every page looks how i want, except on product details pages. how can i make them match?

Hi. Sorry for the delay. With white bar, add this to Design > Custom CSS

html, body {
	overflow-x: hidden;
}

With product page, can you explain clearly?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
16 hours ago, tuanphan said:

Hi. Sorry for the delay. With white bar, add this to Design > Custom CSS


html, body {
	overflow-x: hidden;
}

With product page, can you explain clearly?

thank you so much! and as for the product page i actually figured it out 🙂 thank you!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.