plugins kill page design

it worked for the LearnPress Page – yay!!! woo-hoo! tho what you see on the website is the result of entering LearnPress through elementor. you can hardly edit anything, really… first (new) image on https://imgur.com/a/8SARXOF shows what you can do.
must probably go back to settings in the dashboard and edit more. I’m going to find a youtube tutorial on that and if nothing works, I’d love to get back to you if that’s alright?

test background colour also worked! yay!!!

tried the same process with woocommerce and a new shop page, but elementor says no. won’t load. bugger…

also, do you have any ideas as to why the heading looks different in the mobile version? It’s perfect for the blog page, but the welcome and LearnPress headings are vertical. I’m using the same settings yet they look different… see https://imgur.com/a/8SARXOF for clarification

Adjust the font size and column width and paddings in the mobile view using Elementor editor.

I set up a page (shop) just for woocommerce. I decided not to bother with my image at the top of the page to just get on with it. no elementor on this page. it’s become a product page but it looks really really shitty.

I would love to at least change the background colour for that page (customise, css) but it’s not taking any effect like on any of the other pages.

I also checked this: I went to the dashboard – pages – shop – load with elementor: nope, not happeneing either.

If it says that OceanWP, Elementor and Woocommerce are all 100% compatible then how can I make it work for me?

I’m puzzled…..
Martin

Is there any additional setting information I could give you? Did looking at my website provide any clarity? I really hope so…..

Your site is in under construction mode so I’m not able to view it. Yes, OceanWP and Elemntor are 100% compatible. But the fact is you can’t edit a woo commerce page using Elememntor. You need Elementor Pro to design custom shop page and product page.
To change the background color of the product page, you need to add some CSS code.

Ah, ok. So maybe the other plugins cannot be edited with elementor much like woocommerce either then. Maybe I need the Proversion to do it.

I entered the css code here: shop – customize – custom css/js –

.page-id-90 {
background-color: #555555
}

Is that the wrong place to enter the code to change the background colour, cause that’s what I tried and it didn’t work.

If you could just help me out with this I think I could close this tab than.

Yes, the post type that doesn’t use the the_content function, can’t be edited using Elementor.

For the background color, try this one –

body.page-id-90 {
    background-color: #555555;
}

Unfortunately the code didn’t take effect

Can you link to that page where do you want to change it? It should work.

is woocommerce maybe overriding it?

No, it is not necessary. Without seeing the page I can’t say anything.

https://lrna.is/shop/

that’s the page where I want to change the background colour

Try the below code. It will change the color for all the woocommerce page.

body.woocommerce-page {
    background-color: #555555;
}

It worked!!! Thank you so much for your massive patience. I’ve learned a whole lot through your help. Since my site is now on the server it makes things easier in the future.

Again, thank you, thank you, thank you!!!
Have a grand weekend,
Martin