Liquid, JavaScript, themes, sales channels
Hi there,
I am wanting to delete the "button label" at the bottom of the website. I am using the Dawn Theme and I was easily able to remove the first button label by clicking on the eye so that was no longer visible but for the second button label at the bottom of the page, there is no option to delete it. Help please!
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hello Frances!
Thanks for sharing the store URL.
Kindly please add the below code to your base.css theme file at the bottom:
.center {
display: none !important;
}
You'll find this file in the Online store > Themes > Action > Edit code. Please refer to the below image:
iCart Cart Drawer Cart Upsell App
Hey @Tinytimber,
If there is no option to delete the button then you can hide it with adding custom CSS to your theme file, if you are not good at coding then I can help you out.
Can you please share the store URL so that I can send you the code that you can add to your theme file? Also please share the screenshot of the button you want to remove.
iCart Cart Drawer Cart Upsell App
Hi there,
The website is : http:// tinytimberapparel.com
I am not good with computers and this is my first website I have ever built so I will need simple instructions please!
Thank you for helping!
Frances
This is an accepted solution.
Hello Frances!
Thanks for sharing the store URL.
Kindly please add the below code to your base.css theme file at the bottom:
.center {
display: none !important;
}
You'll find this file in the Online store > Themes > Action > Edit code. Please refer to the below image:
iCart Cart Drawer Cart Upsell App
It worked!!
Thank you SO much for your help in fixing this issue.
Frances
Greetings BinalSavani,
Hoping this message finds you well.
I too have an issue with being unable to delete the "Button Label" at the bottom of my homepage.
I have added the code to the bottom of the base.css that you recommended but it did not remove the "Button Label".
Please advise.
Thanks and cheers!
I just did what Binal instructed me to do and it worked for me... I'm sorry it hasn't worked for you! Hopefully you guys can figure it out, I can totally understand how frustrating it can be! Good luck!
This worked for me: I followed the directions above -- with regards to getting into the theme code editing area -- but rather than edit the base.css (which didn't work for me) I went directly into the section-multicolumn.css + found the two places where it has ".multicolumn" and added replaced the padding values with " visibility: hidden !important;" in both places -- > ie:
.multicolumn .button {
visibility: hidden !important;
}
@media screen and (min-width: 750px) {
.multicolumn .button {
visibility: hidden !important;
}
Thank you so much!!!
That fixed it.
Much appreciated.
Cheers!
Hello it's very simple, you go to THEME >> MULTICOLUMNS >> BUTTON LABEL >> then delete what you have
see photo >>>>
This is simply the best and most simplified answer! Thank you.
This coding talk is not understandable for a person that has never built a website... Shopify should adapt this style of communicating when responding to such queries.
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024