There is a thin white line between the image and text. Please can you remove and move the text higher up. Bring the bottom boarder up with the text. Thank you
https://hothugger.com/products/cream-hot-hugger-wearable-hot-water-bottle
Refresh theme
Topic summary
A user is experiencing layout issues on their product page with unwanted white space between an image and text section. They want to:
- Remove a thin white line appearing between image and text
- Move text higher up on the page
- Adjust the bottom border to align with the repositioned text
Solutions Provided:
Both GemPages and PageFly support teams offered CSS code solutions to be added to the theme.liquid file before the closing </body> tag.
Current Status:
- GemPages’ initial code successfully removed the white line
- The user requested further adjustment to move text higher
- GemPages suggested changing the CSS value to a smaller number (e.g., -40px)
- PageFly provided alternative CSS targeting the specific element with
bottom: 20pxpositioning
The issue appears partially resolved, with fine-tuning of text positioning still in progress based on the user’s visual preferences.
Hello @Finn4
It’s GemPages support team and glad to support you today.
I would like to give you a solution to support you.
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid theme file.
-
Paste the below code before :
Hope my solution can work and support you!
Kind & Best regards!
GemPages Support Team.
Hi @Finn4
You can try this code by following these steps:
Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag
Hope this answer helps.
Best regards,
Victor | PageFly
didn’t work
You can use this code to move text
@media screen and (max-width: 767px){
div#ImageWithText--template--16716025757952__14b63092-94f3-4b3d-ae71-e3ae13e9d47e {
position: relative;
bottom: 20px;
}
}