Plugin messes up my theme apperance

Hello WPF.

I want to start off by saying my english can be misunderstandable, so bear over with me.

I have no experience in websites, and yesterday i registered my domain and started building my very own website for the first time of my life.

My website will be functioning as a webshop, so the first thing i did was to download the WooCommerce plugin which is awesome, but this morning i realized that something wasn’t right. I’m not going to explain to you what my problem is, because my language skills prevent me from doing that.

Instead i’ve uploaded 2 pictures i want you to look at, so you can get an idea of what i’m talking about

First picture:

Here you can see my “Products Page” and that i’ve marked the main content of my page, and also that there’s no background except for the main background which illustrates the grid of a speaker.
As you can see, the text “Shop” and “Showing the single result” is black and when the background also is black, it makes the text invisible.

Second picture:

My “My Accounts” page on my website is a whole lot different than my “Products Page” as you can see. There is a light-brown box that everything is written into, which i also want to appear on my Products Page. The thing is, i don’t know how to do it.

I’m not sure but i think it’s a bit complicated as the “HTML5 WordPress themes” box on picture one is below my product and in picture two, the HTML5 box is placed in the right lane of my website, which also appears on my other pages.

– I hope that you can understand my problem, and that i make any sense at all.

Thing is i’m quite desperate, and i don’t know where to go with my problem if the WP forum can’t help me.

Feel free to e-mail me if you have a hard time understanding me and my problem, and i’ll try to elaborate over a personal conversation 🙂
[email protected]

Regards

Mark