My blog post just looks UGLY. i really want to fix the image and i want to put text over the image.
inserting a photo of what i want.
pls help asap!
will send coffee
Topic summary
A user is seeking help to improve their blog post’s appearance, specifically wanting to:
- Fix the featured image display
- Add text overlay on top of the image
They’ve shared a screenshot showing their desired layout.
Proposed Solutions:
-
One responder requested the website link to investigate further and suggested using PageFly Page Builder app for creating blog pages with pre-designed styles
-
Another provided CSS code to modify the article template’s hero container styling through the theme’s base.css file
Current Status:
The discussion remains unresolved. The user reported that the CSS solution did not achieve the desired result—neither fixing the photo display nor enabling text overlay functionality. No follow-up solutions have been provided yet.
1 Like
What’s the solution?
Thanks !!!
1 Like
Hi @mariamk ,
Please send the website link, and I will check it for you.
You can also try the app builder, it will create blog pages with many beautiful styles. Refer PageFly Page Builder
Hi @mariamk ,
May I suggest to update code these steps:
- Go to Store Online-> theme → edit code
- Assets/base.css
- Add code below to end of file
.article-template .article-template__hero-container {
max-width: none;
}
.article-template .article-template__hero-container > div {
height: auto!important;
}
.article-template .article-template__hero-container > div img {
position: static!important;
}
that did not do what i want with the photo or with adding text on the photo