PMPro Level(s) Colour

[CSDUK]

Hi guys,

I was just wondering how I would go about changing the colours of the Membership Levels? For instance Silver (with a grey background) and Gold (with a gold colour background) etc?

Many thanks.

[Radu]

You can customize levels by targeting css clases like this

COPY CODE

.membership .kleo-level-1 {
	background-color:red;
}

.membership .kleo-level-2 {
	background-color:yellow;
}

.membership .kleo-level-3 {
	background-color:green;
}

.membership .kleo-level-4 {
	background-color:blue;
}

from here you can customize as you wish

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[CSDUK]

Hi Radu,

Thank you for that. Where would I implement this code (sorry my skills aren’t that great).

Also is there a way to add an extra thing to the list on the levels membership page. (i.e No-Ads) etc.

thank you once again.

[CSDUK]

Hi Radu, I have worked out the coding (sorry, me being stupid).

Thank you.

[CSDUK]

Sorry, one last question, it changed the background where the items are listed, but not the headers where the name of the Level is, how would that be changed? Many thanks again.

[Radu]

Hello,

Here is a full css

COPY CODE

.membership .kleo-level-1 {
	background-color:red;
}

.membership .kleo-level-2 {
	background-color:yellow;
}

.membership .kleo-level-3 {
	background-color:green;
}

.membership .kleo-level-4 {
	background-color:blue;
}

.membership .panel-heading {

	background-color: transparent !important;
}

.membership .panel-body {

	background-color: transparent !important;
}

.membership .extra-description {

	background-color: transparent !important;
}

.membership p.lead {

	background-color: transparent !important;
}

.membership ul > li {

	background-color: transparent !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

What support service includes ? What not ?

[CSDUK]

Thank you Radu,

That worked brilliantly.

Much appreciated!

[Author]

Posts