Shopify themes, liquid, logos, and UX
Hello,
I would like to resize the button "Chat with us" to be exactly at the same height and size as the button "Wishlist" please. Can you please help me?
Thank you so much,
Zine
Hii, @Zine
Paste this code on top of the styles.css file.
button.chat-toggle.chat-toggle--\#000000 {
border-radius: 0px !important;
height: 45px !important;
width: 45px !important;
}
button.chat-toggle.chat-toggle--\#000000 svg {
height: 25px !important;
}
Thank You.
Hello,
Thank you for your help but I don't have a style.css . I have a customstyle.css but when I add it on top, it doesn't work unfortunately...
1. Go to your store click on Actions > Edit Code
2. Assets > theme.scss.css and paste below lines at the bottom of the file.
button.chat-toggle {
width: 40px !important;
height: 40px !important;
}
button.chat-toggle.chat-toggle svg {
height: 20px !important;
width: 20px !important;
}
If helpful then please Like and Accept Solution.
@Zine
Paste this code on top of the theme.scss file.
button.chat-toggle.chat-toggle--\#000000 {
border-radius: 0px !important;
height: 45px !important;
width: 45px !important;
}
button.chat-toggle.chat-toggle--\#000000 svg {
height: 25px !important;
}
@Zworthkey @Savior I have an idea, can we do it the other way around please?
I would like the " Wishlist " icon to be the same dimension and height as the " Chat with us " icon please.
Thank you again!!
For Wishlist icon
1. Go to your store click on Actions > Edit Code
2. Assets > theme.scss.css and paste below lines at the bottom of the file.
#swym-plugin #swym-anchor[data-position=bottom-right] a {
width: 60px !important;
height: 60px !important;
}
#swym-plugin #swym-anchor.swym-heart i:after {
font-size : 30px !important;
}
#swym-plugin #swym-anchor i {
margin-left : -15px !important;
}
#swym-plugin #swym-anchor[data-position=bottom-right] i {
margin-top : -14px !important;
}
If helpful then please Like and Accept Solution.
Awesome thank you so much but they're just not at the same level 🙂
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024