HTML not showing in themed page

Hi all,

I’m running the latest version of WP and a premium theme, which I have customised using a child theme. So far, so good…

I’ve created something using straight HTML/CSS, but can’t get it to show on my site.

I’m new to HTML, CSS and WP (but stick with me…), the HTML I have works fine locally, but doesn’t show anything within my theme/site. I’ve tried putting it within a wigdet and pasting it directly into the code editor (without using the theme’s pagebuilder option). I’ve also played with removing some of the initial classes (within my code – controlling container position, etc), but nothing happens.

Fiddling in Code Inspector, I’ve changed some of the position: and display: attributes (is that the right word?), which has meant I can see some of my code, but not laid out correctly. I therefore think it’s something to do with one of these styles and they way they interact with the page’s container and/or theme styles. Unfortunately I don’t know enough about position or display, to be able to figure out if this is the problem, or how to fix it. If someone could help, that would be fantastic!! Here’s the example.

You might suggest I contact the theme’s author, but that’s mostly a dead-end. Quickest way is to figure it out myself and learn something in the process. I’m just not sure what to try next – can anyone help??

Many thanks!!