Shopify themes, liquid, logos, and UX
Today i realized, that i have a white space at the bottom of my page. the white space at the very end of the page is caused by the sign { that appears there. Can anyone help to delete that sign from there, so that the site is normal again?
i have checked the theme.liquid but could not find and alone standing { on that file.
Help please
the site urs is: https://snatch.live
Hello @SnatchLive
The white space may be caused by a "}" symbol that has been added to your base CSS file or some files.
Yes thats what i already said. But i don't know in which file the "{" symbol is added. i tried to find it, but i could not find any alone standing "{" there...
Hello @SnatchLive
It sounds like you have an extra curly brace "{" at the bottom of your web page, causing unwanted white space.
Check the HTML of Your Page: Inspect the HTML source code of your web page. You can do this by right-clicking on your webpage in most browsers and selecting "View Page Source" or "Inspect" to open the developer tools.
Search for the Curly Brace: In the HTML source code, search for the curly brace "{" that is causing the issue. It may be located at the very end of the code or within a script tag.
Remove the Curly Brace: Once you've identified the curly brace, simply delete it from the HTML source code.
Save and Refresh: Save the changes you made to the HTML source code and then refresh your web page to see if the issue is resolved.
Thank you for the description. I have already tried to identify the source code using the browsers inspect tool, and i have also found the brace.
But i don't know where and how i can find this now in the code files of shopify.
i have already checked the theme.liquid and base.css files but could not find it.
Any idea where i can find this in the code files?
Hello @SnatchLive
Get back up and find "dialog-wrapper" this class after that find this '}' might be you will solve this.
( or )
Check this script where you add and check that area you might find that bracket.
//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23
Where should i search for "dialog-wrapper"? i have used the search field inside the code files and almost search all .liquid files, the footer code, base.css etc. for "dialog-wrapper" but couldn't find it nowhere.
Can you tell me how i can find this in the theme files?
I'm really thankfull for your support!
Hello @SnatchLive
Get backup of your theme files and find that class.
Anyone else any idea? i've contacted the support and also two of the installed app supports, but noone can find the cause of that "}" symbol at the end of the page. What can do?
Need help please
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024