Shopify themes, liquid, logos, and UX
https://xsx07tzh6x4n0dkc-50820350128.shopifypreview.com
I need help changing the colour of the links to the transparent header to black. The theme doesn't give me that ability
Solved! Go to the solution
This is an accepted solution.
Hello @Ked
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
header ul.site-nav li a, summary {
color: #000 !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
@Ked ,
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid
Step 3: Add this code before </body>
<style>
.site-nav.site-navigation * {
color: #000!important;
font-weight: 500!important
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😍
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
This is an accepted solution.
Hello @Ked
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
header ul.site-nav li a, summary {
color: #000 !important;
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
This is an accepted solution.
@Ked ,
Step 1. Go to Admin -> Online store -> Theme > Edit code
Step 2. Find the file theme.liquid
Step 3: Add this code before </body>
<style>
.site-nav.site-navigation * {
color: #000!important;
font-weight: 500!important
}
</style>
Result:
If it helps you, please like and mark it as the solution.
Best Regards 😍
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Thanks! it works but would prefer if it affects the cart button and Account button
Like so
You can add code by following these steps
1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. Paste the below code before </body> on theme.liquid
<style>
.site-nav__icons>.site-nav__link--icon {
color: #000 !important;
font-weight: 500 !important
}
</style>
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
@Ked , change the previous code simply like this
<style>
.site-nav * {
color: #000!important;
font-weight: 500!important
}
</style>
Result:
B2B Wholesale Solution: Streamline your B2B operation with advanced features like wholesale registration forms, custom pricing.
B2B Portal, Quote, Net 30: Speed up purchasing and streamline your quotation process with advanced features like quick order, request for quote.
B2B Lock Password Protect: Easily control access to pages, products, and pricing with robust features.
BSS Commerce - Full-service eCommerce Agency I Use Shopify for 1$ in the first month now
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025