Hello
I would like to delete the blank space in the table below.
Or you want to make it thinner.
Help me!!!
We are scheduled to open on December 1st, so we would appreciate it if you could respond as soon as possible.
Thank you for your support.
Topic summary
A user needs to remove or reduce blank space in a table on their Shopify store before a December 1st launch deadline.
Problem:
- Excessive white space appearing in a table element
- Urgent timeline with site opening imminent
Solutions Provided:
Two community members offered CSS fixes targeting the .hero__content__wrapper img element:
-
Tech_Coding’s approach:
- Navigate to Online Store → Theme → Edit code
- Open theme.liquid file
- Add CSS styling before the
</body>tag - Set image width to 100%
-
Rahul_dhiman’s approach:
- Go to Online Store → Themes → Actions → Edit code → theme.css
- Add similar CSS rule at the end of the file
- Also sets width to 100% with
!importantflag
Both solutions involve adding custom CSS to control image dimensions within the hero content wrapper, which appears to be causing the spacing issue. The thread includes screenshots showing the before/after results.
Hello @Havana2024
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
RESULT:
my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.
Hello @Havana2024
Go to online store ----> themes ----> actions ----> edit code ---->theme.css
add this code at the end of the file and save.
.hero__content__wrapper .rte img {
width: 100% !important;
}
Thanks