Costumize social and cart icons

Site URL: https://stingray-endive-257g.squarespace.com/

Hello!

I'm struggeling with this new site style version, i found that before was more intuitive and user friendly... anyway, i'm sorry to bother you but i want to change in solid round icon my social block icons, and change de cart icon too, like in the previuos version: https://vanilla-giraffe-r387.squarespace.com/

Thank you for helping me, and sorry for my bad english!

If you click on the edit icon of the social block, click on the Design tab in the popup and you can edit the social icons to be solid that way:

Thank you for answerme, the problems is for the site header social icons, on the top of the site: in this case i dont have the possibility of edit like i had before.

19 hours ago, Apisorganic said:

Site URL: https://stingray-endive-257g.squarespace.com/

Hello!

I'm struggeling with this new site style version, i found that before was more intuitive and user friendly... anyway, i'm sorry to bother you but i want to change in solid round icon my social block icons, and change de cart icon too, like in the previuos version: https://vanilla-giraffe-r387.squarespace.com/

Thank you for helping me, and sorry for my bad english!

Your site is private. Can you setup password & share url again? We can help easier

oh i'm sorry, now are both public.

This is how i want to be the social and cart icons:

https://vanilla-giraffe-r387.squarespace.com/

And this is how it is now:

https://stingray-endive-257g.squarespace.com/

On 6/17/2021 at 11:05 PM, Apisorganic said:

oh i'm sorry, now are both public.

This is how i want to be the social and cart icons:

https://vanilla-giraffe-r387.squarespace.com/

And this is how it is now:

https://stingray-endive-257g.squarespace.com/

Hi. Sorry for the delay. Do you still need help on this?

On 6/22/2021 at 4:51 AM, tuanphan said:

Hi. Sorry for the delay. Do you still need help on this?

On 6/24/2021 at 5:46 PM, Apisorganic said:

Yes! Thank you so much, i don't find any solution yet.

 

 

Add to Design > Custom CSS

/* header icons */
.header-actions-action.header-actions-action--social>a {
    background-color: black;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    display: flex;
    font-size: 12px !important;
    align-items: center;
    justify-content: center;
}
.header-actions-action.header-actions-action--social>a svg {
    fill: white !important;
    width: 50%;
    height: 50%;
    text-align: center;
    display: flex;
}