This topic has 6 replies, 2 voices, and was last updated 9 years by CSDUK.

  • Author

    Tagged: ,

  • #46819
     CSDUK
    Participant

    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.

    #46884
     Radu
    Moderator

    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
    #46908
     CSDUK
    Participant

    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.

    #46909
     CSDUK
    Participant

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

    Thank you.

    #46910
     CSDUK
    Participant

    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.

    #47230
     Radu
    Moderator

    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
    #47401
     CSDUK
    Participant

    Thank you Radu,

    That worked brilliantly.

    Much appreciated!

Viewing 7 posts - 1 through 7 (of 7 total)

The forum ‘Plugins questions’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?