Customizing membership levels

[masta76]

Hi!

I have used the solution that is discussed in this thread:
https://archived.seventhqueen.com/forums/topic/membership-level-customization

with exactly the same code as that member (see below).

However, although I implement the css you recommend in my child css I cannot get the button to be centered. What am I doing wrong?

Thanks in advance!

Here is my code to display the table:
[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]

And here is the custom CSS that I thougth would center the button:

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

[Abe]

Hi, This css centers the button

COPY CODE

.pricing-table {
    text-align: center;
}

PS. To get the levels page like in our demo you need to install Paid memberships Pro. See the details in the included documentation

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[masta76]

Great, thanks a lot for your help Abe!

[Author]

Posts