I’m a designer, not a programmer, but I am something of a power user. I’ve been running into a fundamental design problem in every theme I’ve tried. I think that I’ve found part of the problem, but I have no idea how to work a solution for it. I’m hoping perhaps someone here can help?
A little history:
I started to build my website as a free wordpress.com site with the twenty twenty two theme, ran into unworkable issues there and have moved on to self hosting instead. I used the wordpress.com export to try and save some of the work I’ve done and imported it into my self hosted site. I don’t know if this is relevant and maybe some of my issues are related to that, but the same problem exists in a different website that is a fresh install.
I have WordPress 6.1.1 installed. Using twenty twenty three theme.
Every time I try to place text on top of a cover with an image in it, the text turns black. The absolute only thing that will change it from black is to change each specific paragraph block text color. No global styling, global block styling, grouping and changing the text color in the group…nothing.
I dug around and found a github entry that talked about the cover block code being set up like that. I used ‘examine element’ in firefox, dug around a bit and found this. Inside the central column, you’ll see a color code of some sort in each section. One is 000, one is fff. Black and white. When I click off the little check box beside them, suddenly the text becomes the color I have selected in the global styling. But this isn’t a workable solution, because it’s only affecting how this tab in firefox sees it. I need it fixed everywhere.
This code seems to originate in the style sheet that is part of the core wordpress files that govern how blocks work, as you can see by the file path showing in the hover. When I open this file in notepad, it’s a wall of code I have no idea how to decipher.
How do I fix this so my styling will work on top of my cover image without messing up WordPress?