Image in the background and content area transparant

I would like to stylish one of my page with an image in the background and the content area transparent. Can you help me?
I tried this CSS code but nothing changed :

    .page-wrap .content-wrapper {
      background-color: rgba(255, 255, 255, 0.6);
    }
    .page-wrap #secondary {
      background-color: transparent;
    }

here is the page :https://poplovecoaching.com/?page_id=3353

Thanks

Hello there,

It looks like that code worked perfectly. If you wish to apply it on a specific page, use page ID selector.

    .page-id-3353 .page-wrap .content-wrapper {
      background-color: rgba(255, 255, 255, 0.6);
    }

    .page-id-3353 .page-wrap #secondary {
      background-color: transparent;
    } 

Regards,
Kharis

Sorry the link didn’t work cause i have a problem with my permalinks. Please, have a look again.

https://poplovecoaching.com/?page_id=3353

NB: By the way, where Can i find the ID selector.

Hello there,

Try this code:

.page-id-3353 .page-wrap .content-wrapper {
background-color: transparent;
}

Page ID selector precedes with .page-id- and followed with page ID number. You can get it while in the editing screen, in the address bar, you’ll see a link that reads yoursite.com/wp-admin/post.php?post=3353&action=edit.

Or you can quickly get it with this plugin.

Regards,
Kharis

Thank you so much! It works perfectly. :-))))

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis

Hey! How do you do the same thing but for all the articles?
Thanks

Hello there,

Please try this code:

    .single-post .page-wrap .content-wrapper {
      background-color: transparent;
    }

    .single-post .page-wrap #secondary {
      background-color: transparent;
    }  

Regards,
Kharis