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 🙂
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024