Shopify themes, liquid, logos, and UX
Hey, I would like to replace my current icons with some others that I already have uploaded in assets.
Also, I want to be able to modify the color and size of those. ( I tried to replace them but couldn't change the color)
Lastly, I would like the search icon to be first, then the cart and lastly the account icon. (From left to right).
My website: https://www.bafaluc.com
@Pam9 All together this is an advanced customization.
The Brooklynn theme uses web-fonts as icons
You would either need to modify the icons font files in the theme assets.
Or modify the theme to use image based icons, such as through the timber.scss file changing .icon-customer:before to be CSS image backgrounds using images from the assets folder.
To change the order of the icons requires the source order itself in the code often in header.liquid or nav.liquid etc. Technically can be done with only CSS but that's a kludge since the icons are not in their own container apart from the rest of the navigation.
With image based icons to be able change the colors through CSS they need to be transparent masks to let a background color show through, or you have to use CSS filters to fake it.
Otherwise just change the color in the image itself.
Merchants that need customizations like this can contact me at email@example.com with topic url, store url, theme name, and details.
As a business owner, have you ever wondered when your customer's first impression of yo...By Skye Jun 6, 2023
We're excited to announce improvements to the threaded messaging experience in our communi...By TyW May 31, 2023
Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...By Jacqui May 30, 2023