Shopify themes, liquid, logos, and UX
Hi, some text in the tracking page is not pure white but tends to the color of the background. Can someone help me?
Solved! Go to the solution
This is an accepted solution.
Hi @Vick2
Please help me replace the code i gave above with this one
<style>
.track123_form_label {
color: #fff !important;
}
.track123_order_header.track123_order_header2 {
display: none !important;
}
.track123-package-title, .track123_back, .track123_all_or_last_activity_title,.track123_view_more_btn, .track123_carrier_content .tracking_number, .track123_order_tracking_details_item .content, .track123_order_tracking_details_item .time, .track123_order_tracking_details_item .carrier_name {
opacity: 1 !important;
color: #fff;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey @Vick2
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code in the bottom of the file above </body> tag
<style>
.track123_form_label {
color: white !important;
}
</style>
RESULT:
If I managed to help you then, don't forget to Like it and Mark it as Solution!
Best Regards,
Moeed
I have no </body> tag. Even with CTRL+F i cannot find it
Hey @Vick2
Add this code below <head> then
It worked for the section where i put the tracking number but not for the tracking details
Hi @Vick2
You can follow the following steps:
1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag
<style>
.track123_form_label {
color: #fff !important;
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
Hi @Vick2
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the </head> to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the </head>
<style>
.track123_form_label {
color: #fff !important;
}
</style>
Hope this can help you solve the issue
Best regards,
Noah | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
It worked for the section where i put the tracking number but not for the tracking details
Please share with me an example tracking number, then we can reproduce on our end and fix it for you
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
How can i get one?
That's the number you have entered to track the order in the screenshot
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
TK123. Also, how can i remove the ''restituzione'' button above ''Consegnato''
This is an accepted solution.
Hi @Vick2
Please help me replace the code i gave above with this one
<style>
.track123_form_label {
color: #fff !important;
}
.track123_order_header.track123_order_header2 {
display: none !important;
}
.track123-package-title, .track123_back, .track123_all_or_last_activity_title,.track123_view_more_btn, .track123_carrier_content .tracking_number, .track123_order_tracking_details_item .content, .track123_order_tracking_details_item .time, .track123_order_tracking_details_item .carrier_name {
opacity: 1 !important;
color: #fff;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
It did not change the color of those 2 strings of text for the products and the text ''fedex...'' in the lower left corner . Moreover, let's take the ''Restituzione'' button back but changing it to ''Indietro''
Hi @Vick2
You can follow the following steps:
1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag
<style>
.track123_main_container.track123_main_not_show_all_container {
color: white !important;
}
.track123_all_or_last_activity_title {
color: white !important;
opacity: unset !important;
}
.track123_view_more_btn{
opacity: unset !important;
}
.track123-package-title{
opacity: unset !important;
color: white !important;
}
.track123-package-item {
opacity: unset !important;
color: white !important;
}
.track123_back {
opacity: unset !important;
}
</style>
If this solution is worked, then please Like this and Mark this as accepted solution!
Laddi
How can i change the button ''restituzione'' to ''Indietro''? Also, the other two strings of text remained the same and not pure white
Hi @Vick2 Sorry for my late response, please help me to add replace the code above with this code instead
<style>
.track123_form_label {
color: #fff !important;
}
.track123_order_header.track123_order_header2 {
display: none !important;
}
.track123-package-title, .track123_back, .track123_all_or_last_activity_title,.track123_view_more_btn, .track123_carrier_content .tracking_number, .track123_order_tracking_details_item .content, .track123_order_tracking_details_item .time, .name {
opacity: 1 !important;
color: #fff;
}
</style>
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024