Need to remove a price column in price table and keep table centered.

This topic is: not resolved

7 years ago lore927
Participant
Support Period Has Expired

I need the pricing table that is in the homepage example with 2 columns only. As I remove 1 column the remaining 2 get positioned on left and center (rather then being centered in the page) Where, in which element, can I control the aligment? Note that the title centers correctly, then I do not see any style control in price table and price column.

[vc_row full_width=”stretch_row” pdecor=”Both” scroller=”scroller” css=”.vc_custom_1461358507284{padding-top: 100px !important;padding-bottom: 100px !important;background-color: #f7f7f7 !important;}”][vc_column][titlesimple title=”ccc Discounted Pricing”]Nullam id odio quis risus placerat aliquam. Cum sociis natoque penatibus et magnis dis part

urient montes nascetur ridiculus mus curabitur tellus lacus.[/titlesimple][pricetable][pricecol ispopular=”true” price=”$25″ btntext=”buy now” link=”#” title=”Professional Package”]

<ul class=”package-options”>

<li class=”robotoLight text-center”>2Unlimited support

<li class=”robotoLight text-center”>Easy & Fast Customization

<li class=”robotoLight text-center”>Unlimited Color possible

<li class=”robotoLight text-center”>Free PSD Template

<li class=”robotoLight text-center”>Lifetime Updates

[/pricecol][pricecol ispopular=”true” price=”$25″ btntext=”buy now” link=”#” title=”Professional Package”]

<ul class=”package-options”>

<li class=”robotoLight text-center”>Unlimited support

<li class=”robotoLight text-center”>Easy & Fast Customization

<li class=”robotoLight text-center”>Unlimited Color possible

<li class=”robotoLight text-center”>Free PSD Template

<li class=”robotoLight text-center”>Lifetime Updates

[/pricecol][/pricetable][/vc_column][/vc_row]

7 years ago Alex – Support Team
Keymaster

Hi

Please give me admin access and problem page url

Thanks

7 years ago lore927
Participant
Support Period Has Expired

I can not, I am working on localhost, a regular answer would be more appreciated.

I tried to create a new page and copied the html above. Duplicated the Home-Green and removed everything except the 3 columns. Both case same result, printscreen below.

Attachments:
You must be logged in to view attached files.

7 years ago Alex – Support Team
Keymaster

Unfortunately to solve a problem I have to see her . Please install the site on the Internet and provide me link .

Thanks

7 years ago lore927
Participant
Support Period Has Expired

I provided you with the html and screenshot. Can you remove one column using VC and have the 2 remaining centered without re-writing CSS on your side?
7 years ago Alex – Support Team
Keymaster
Use this code in custom css
```
html .package-list {
    display: inline-block;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

html  .package-list li {
    display: inline-block;
    float: none;
}
```
Thanks for refund
7 years ago lore927
Participant
Support Period Has Expired

thanks. it works after customizing CSS.

7 years ago Alex – Support Team
Keymaster

You are welcome

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

You must be logged in to reply to this topic.

WordPress Support Forum

Use one topic for one question to avoid confusion .

Attachments: