A user encountered an unwanted button at the bottom of their About Us page in the Origin Shopify theme that couldn’t be removed through the page editor or renamed.
Solutions Provided:
Option 1 (Dan-From-Ryviu): Navigate to Online Store > Themes > Customize > Pages, select the page template, then find and remove the button label text in the Multicolumn section.
Option 2 (ZenoPageBuilder): Add CSS code to the base.css file to hide the button using display: none targeting the specific button ID.
Option 3 (PageFly-Noah): Insert custom CSS code into theme.liquid file above the </head> tag.
Resolution: The issue was successfully resolved using ZenoPageBuilder’s CSS solution, which the original poster confirmed worked perfectly.
At the bottom of the About Us page of the site appears a button which I can’t remove. It doesn’t show up in the outline of the page and I can’t change the name of it either. How can I remove this button?
I’m using Origin theme and this is the link to the site https://focusflowplanners.store/pages/about-us if needed.
Hi @KalinaK
You can do that from your Online store > Themes > Customize > Pages > select template of that page, select Multicolumn section, remove text inButton label
Hello @KalinaK
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
#shopify-section-template--19903898255700__2aecce9f-e11a-4145-9f9e-4919657ce4ba .button {
display: none;
}
The result
Hope that helps!
Hi @KalinaK
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the 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
Hope this can help you solve the issue
Best regards,
Noah | PageFly
Thank you very much!
I did it with this solution and it worked perfectly.
You are welcome!
