Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Costumize social and cart icons


Apisorganic

Question

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!

Link to comment

7 answers to this question

Recommended Posts

  • 0
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

Link to comment
  • 0
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?

Link to comment
  • 0
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;
}

 

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