hi was wondering how I can remove the “track your order” heading and “order number or tracking number” subheading subheading here, thanks. this is on the app track123 and my website URL is www.stagtis.com
1 Like
Hi @Stagtis
Im not sure if this will work cause its from the app. But you can try it.
From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
Find the theme that you want to edit and click on “Actions” and then “Edit code”.
In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
h2.track123_title, .track123_form2_label {
display: none !important;
}
.track123_input_container {
align-self: flex-end !important;
}
.track123_form2_content .track123_input_container {
margin-right: 0px !important;
}
.track123_form2_content {
gap: 20px;
}
And save.
Result:
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
thanks so much worked perfectly, sorry to be a pain but is there a way to make it take the padding as well, as i have no headers but the padding is still there for it. thanks
1 Like
Hello @Stagtis 
In Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#shopify-section-template--22081907949843__rich_text_GzRg4i {
display: none;
}
The result
Hope that helps!
Hi @Stagtis
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Asset > base.css and paste this at the bottom of the file:
h2.track123_title {
display: none;
}
.track123_form2_label {
display: none;
}
Yeah sure, i alos notice that it didnt work in mobile. Add this code then.
.track123_block2_wrapper {
margin-top: 0px;
}
@media only screen and (max-width: 749px){
h2.track123_title, .track123_form2_label {
display: none !important;
}
}
And Save.
And in the desktop view seems like input field and button are not same sizes. Maybe its part of the design?
Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!
Hey @Made4uo-Ribe , thanks so much, made my day. For some reason, it didn’t work adding it to the base.css but when I injected it into the section from admin it did. Also, I never noticed that difference with the button tbh. Because it’s from the app, the button changes with theme settings, but not the input box. If you are bothered, you could make them centred horizontally and add some code for me to change thickness, visibility, corner radius etc. but if not I understand, it’s not that deep. for now i changed it on the rest of the site to match
if its an app, it would be hard time changing it. Most of the time the app dont listen on the code we add, to make the change it needs to used a javascript with a simple css code.
1 Like