Click here to Skip to main content
15,907,906 members
Please Sign up or sign in to vote.
1.00/5 (2 votes)
So I'm working on a project in React and added in some text into my hero section over the image.

The problem is the text has a white background. I've never encountered this
problem before.

What I have tried:

I've tried going through every single css style sheet and I've gone through the global styles as well. 

There is no hint of something that could change the background color. 

I've also tried adding in opaque colors and setting the background to none. 

This seems to be some sort of default styles under the hood because even when I 
reduce the width of the text component there is still a white background running through the entire view width. 

I'm doing this project for a friend and would really like to get this fixed. 

So any help would be really appreciated! 
daniel wakeley 18-Apr-24 5:29am    
So it turns out I solved it.

I have the text a position of absolute and so that took it out of the document flow.

Thank you for all you guys do on here you provide a great service

1 solution

Answered only to remove from unanswered queue - solved by OP.
Share this answer

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900