We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

How to visible text on page banner

How to visible text on page banner

delmergroup1987
Tourist
5 0 3

How to visible text on page banner , On my website text is not visible on page banner.

Replies 5 (5)

CodingFifty
Shopify Partner
1102 162 191

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?

Coding Fifty || Shopify Partner
For any custom section queries, please visit: Fiverr Profile
Found my response useful? Like it and mark as Accepted Solution!
For additional discussions, reach out via: Email ID: codingfifty@gmail.com

jordansheel
Visitor
2 0 0
 
 
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.

devcoders
Shopify Partner
1654 190 545

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.

Shopify Developer: Helping eCommerce Stores
If you need assistance with your store, feel free to contact us at devcodersp@gmail.com
WhatsApp No: +91 8516919310 If my assistance was helpful, please consider liking and accepting the solution. Thank you!

MandasaTech
Shopify Partner
816 156 168

 

Hi @delmergroup1987 


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!

☞ Helpful or Question answered? Please Click Like & Mark it Accepted Solution
☞ Want to modify or custom changes on store for affordable price? Click on Contact button here
☞ Email at experts@mandasa.in
☞ Whatsapp at +918989609120 | Hire us at: Website Support Page
☞ Selling Shopify Fundamentals: Verified Skill Badge

Dan-From-Ryviu
Shopify Partner
12073 2359 2539

Does your banner have an option to add text from your store admin > Sales channels > Online Store > Themes > Customize? Screenshot 2025-06-16 at 11.15.53.png

- Helpful? Like & Accept solution!
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.