Assigning users to certain content in a container inside my theme with css

#1

Most themes these days works with containers or blocks or what ever they call them. :grinning:

They can be edited by certain settings and also by css code.

In most cases I can use the code I found here in your documentation to show certain content inside a container to certain levels.

But in this case I have only a banner image in the container so I cannot access the text block as in normal containers.

I will upload images to show what I mean.

Iwant one home page in the membership but two different banners one is for level 0 and one for level1. Currently I have to have 2 pages and its not what we would like to have.">

I have tried everything to show the one container only to member level 0 and the other only to member level 1 but nothing I have been able to find worked.

I hope some of you very technical clever people can help me sort this one out.

Below is the screen where I need to put the css code

Where_css_code_can_be_used_for_special_instructions1.png990×661 10.9 KB

There are two more containers on this page marked: main element and after I use the Divi theme for this site.

I would love any help I can get.

Thanks Myra

#2

I didn’t reply before because I don’t use Divi, and I was hoping that someone who does would see this and respond. So you might just want to re-post this while putting Divi in the title to see if someone else will bite. I won’t be offended!

In the meantime, it seems to me that you are hoping to solve this issue with the wrong tools. CSS isn’t going to be able to change the appearance of a page according to a user’s level unless you also have some PHP code running that adds HTML markup to that page based on user level.

The problem, in other words, is that (as your screenshots show) CSS essentially hooks to an ID or a class. But IDs and classes don’t usually change according to a user’s level. Without those IDs or classes changing, you simply can’t get what you want by using CSS.

What you should be doing instead is using s2Member’s shortcode conditionals: see Restriction Options -> Simple Shortcode Conditionals