How to visible text on page banner , On my website text is not visible on page banner.
Hey! @delmergroup1987 ,
Could you kindly share your store URL and password (if it’s password-protected) so I can review it and provide you with an update?
To ensure the text is clearly visible on the page banner, please follow the same style used in the previous section—this includes text color, alignment, and any background effects. Consistent formatting will help maintain visual clarity. If there have been changes, we’re happy to assist in adjusting the design.
Hello @delmergroup1987
Welcome to the Shopify Community! Please share your store URL and password (if it’s password-protected), so I can check and provide you with the exact solution.
It sounds like the text on your page banner might be blending into the background image, making it hard to see. Here are a few things you can try:
1. Check Text Color Settings:
Go to your Theme Editor (Online Store > Themes > Customize), then navigate to the banner section. Look for text color options and try changing the text to a contrasting color (like white or black) depending on your banner image.
2. Add an Overlay:
Many themes allow you to add an overlay (a semi-transparent layer) on top of the image to make the text more visible. Look for a “Banner Overlay” or “Image Overlay Opacity” setting in the same section.
3. Image Choice:
If your image has both light and dark areas, the text may get lost. Try using a more uniform background image or blur it slightly to make the text stand out.
4. Custom CSS (Advanced):
If you’re comfortable editing code, you can add custom CSS in your theme to style the banner text. Example:
.banner__text {
color: #ffffff; /* or any contrasting color */
text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}
If you’re still having trouble, feel free to share your store URL and the theme you’re using—I’d be happy to take a closer look and guide you!
Regards!
