Membership Level Customization

[nusolutions]

1.At the present I have six (6) membership levels and notice that they all fit on the same “row”. This looks tight and cluttered so I’d like to split this up and have a max of four (4) on one row and the remaining fall to the next row. Can the shortcode be modified to show a specific number of memberships on a single row and I guess used again to show the remaining memberships on the next row?

If not possible (2. What’s the best way to achieve the same look if using the shortcodes? I have a Popular membership so this needs to be highlighted.
In your example there is no button so would there be an example of the shortcodes with the button?

3. How to edit the default blue color scheme of the membership borders. Is this via the actual style sheet or is there a cheat code to be added in the admin options?

Any responses appreciated.

[nusolutions]

Unable to center the button:

[kleo_row] [kleo_one_third] [kleo_pricing_table title=”Package 1″ price=”100 €” description=”Description “] [kleo_pricing_item] Item description 1 [/kleo_pricing_item] [kleo_pricing_item] Item description 2 [/kleo_pricing_item][kleo_button centered=1 url="http://mysite.com/membership-account/membership-checkout/?level=1" style="{standard}" size="{standard}" round="{0|radius|round}" icon="{0|fontawesome-icon},{before|after}" target="_self"] Button Text [/kleo_button] [/kleo_pricing_table][/kleo_one_third] [kleo_one_third] [kleo_pricing_table title=”Package 2″ price=”150 €” description=”Description “] [kleo_pricing_item] Item description 1 [/kleo_pricing_item] [kleo_pricing_item] Item description 2 [/kleo_pricing_item] [/kleo_pricing_table] [/kleo_one_third] [kleo_one_third] [kleo_pricing_table title=”Package 3″ price=”300 €” description=”Description “] [kleo_pricing_item] Item description 1 [/kleo_pricing_item] [kleo_pricing_item] Item description 2 [/kleo_pricing_item] [/kleo_pricing_table] [/kleo_one_third] [/kleo_row]

[SQadmin]

Hi,

1. add this css:

COPY CODE

.row.membership .two.columns:nth-child(4n+1) {
    clear: left;
}
.row.membership .two.columns {
    width: 25%;
}
.row.membership .two.columns:last-child {
    float: left;
}

3. The borders aren’t blue, but to edit them add this css to Sweetdate – Styling options – Quick css

COPY CODE

.pricing-table {
    border: 1px solid #DDDDDD;
}

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

[nusolutions]

Is this css to adjust the default membership levels or to center the button in the shortcode?
Also, excuse my ignorance but do both go in the Quick CSS?

tia

[nusolutions]

If I’m unable to use or modify the default membership levels and instead have to use the shortcode how do I add the “Popular” tag to that membership?

thanks

[SQadmin]

You can’t add that to the pricing table shortcode. Both codes go to Quick css and the code is for the default membership levels

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

[nusolutions]

Awesome! Awesome! Awesome!

Thanks!

[Author]

Posts