Title: Button on Top
Last modified: January 7, 2018

---

# Button on Top

 *  Resolved [hackvocat](https://wordpress.org/support/users/hackvocat/)
 * (@hackvocat)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/)
 * Hi,
 * I have the same issue as mentioned here: [https://wordpress.org/support/topic/change-position-of-signup-button/](https://wordpress.org/support/topic/change-position-of-signup-button/)
 * I’m using the free version and want to have an additional buttun directly below
   the price.
 * Adding the button-li in the wrc-pricing-tables.php doesn’t work, because I am
   using the caption column.
    The inserted button disappears behind the feature-
   rows.
 * How can I fix this?
 * Thanks!
    -  This topic was modified 8 years, 2 months ago by [hackvocat](https://wordpress.org/support/users/hackvocat/).

Viewing 5 replies - 1 through 5 (of 5 total)

 *  [moviehour](https://wordpress.org/support/users/moviehour/)
 * (@moviehour)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9855544)
 * Hi,
 * Thanks for contacting.
 * You have to do some extra modification in css and php file to achieve your goal.
   Follow the below steps:
    1. After replacing button **li** just before `<?php if($package_feature) { ?>` 
       replace li with div.
    2. You will get **pricing_table_plan** li class before it. Cut button div and replace
       after h1 tag there.
    3. Go to line 179 in the same file and find `div#<?php echo $tableID; ?> div.package_details
       li.plan-`. At the end set line-height as `line-height: <?php echo (int)$packageCombine['
       pbody']-50; ?>px;` by replacing `line-height: <?php echo $packageCombine['pbody'];?
       >;`.
 * Now, you have to edit **wrcpt-front.css** file. Follow the below step:
    1. Search for **.pricing_table_button** class and remove li before the class in
       every where. In a word, replace li.pricing_table_button to .pricing_table_button.
    2. Replace
        `div.wrc_pricing_table div.package_details .pricing_table_button {background-
       color: #ccc;width: 100%;float: left;padding: 25px 0 !important;text-align: center;
       border-top: 1px solid rgba(0,0,0, 0.2);border-bottom: 1px solid rgba(0,0,0, 
       0.2)}` to `div.wrc_pricing_table div.package_details .pricing_table_button {
       width: 100%;padding: 0 !important;text-align: center;line-height: normal;}`
 * Hopefully, you will achieve your goal in this way. Let me know if have any trouble
   to understand.
 * Thanks
    Iftekhar
    -  This reply was modified 8 years, 2 months ago by [moviehour](https://wordpress.org/support/users/moviehour/).
 *  Thread Starter [hackvocat](https://wordpress.org/support/users/hackvocat/)
 * (@hackvocat)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9858898)
 * Hi Iftekhar,
    thanks for your response.
 * Unfortunately I don’t unterstand the first three steps.
 * The changes in wrcpt-front.css are clear.
 * Could you mabe explain the changes in wrc-pricing-tables.php again?
 * Thank you very much!
 *  [moviehour](https://wordpress.org/support/users/moviehour/)
 * (@moviehour)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9859749)
    1. At line 213 you will get button code, remove it.
    2. At line 198 you will get:
    3. `<h1 class="package_plan txcolor-<?php echo $packageType['pid']; ?>"><?php if(
       is_numeric($packageType['price'])) { ?><span class="unit"><?php echo $packageType['
       unit']; ?></span><span class="price"><?php echo $packageType['price']; ?></span
       ><span class="cent"><?php if($packageType['cent']) echo '.'.$packageType['cent'];?
       ></span><span class="plan">/<?php echo $packageType['plan']; ?></span><?php }
       else { ?><?php echo $packageType['price']; ?><?php } ?></h1>`
    4. Replace the above code with:
    5.     ```
           <h1 class="package_plan txcolor-<?php echo $packageType['pid']; ?>"><?php if(is_numeric($packageType['price'])) { ?><span class="unit"><?php echo $packageType['unit']; ?></span><span class="price"><?php echo $packageType['price']; ?></span><span class="cent"><?php if($packageType['cent']) echo '.'.$packageType['cent']; ?></span><span class="plan">/<?php echo $packageType['plan']; ?></span><?php } else { ?><?php echo $packageType['price']; ?><?php } ?></h1>
           <div class="pricing_table_button bbcolor-<?php echo $packageType['pid']; ?> button-<?php echo $packageType['pid']; ?>"><a href="<?php echo $packageType['blink']; ?>" class="action_button"<?php if($packageCombine['nltab'] == 'yes') { ?> target="_blank"<?php } ?>><?php echo $packageType['btext']; ?></a></div>
           ```
       
    6. Follow from step 3 from the previous answer.
 * Done!
 *  Thread Starter [hackvocat](https://wordpress.org/support/users/hackvocat/)
 * (@hackvocat)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9859976)
 * Unfortunately, it’s not working at all!
 * As I wrote, I want an additional button right under the price-row.
 * With these changes, both buttons disappear behind the columns.
    Even following
   your steps, meaning removing the button at the bottom, the buttons under the 
   price is hidden behind the column.
 * I’m using version: 2.2.2.
 *  [moviehour](https://wordpress.org/support/users/moviehour/)
 * (@moviehour)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9861996)
 * You are doing something wrong which I can’t say without having a look into your
   code. If you have no problem you can give me your WP admin access in my mail 
   address. add gmail… after realwebcare. That is my address.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Button on Top’ is closed to new replies.

 * ![](https://ps.w.org/wrc-pricing-tables/assets/icon-256x256.gif?rev=2969356)
 * [WRC Pricing Tables – Responsive CSS3 Pricing Tables](https://wordpress.org/plugins/wrc-pricing-tables/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/wrc-pricing-tables/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/wrc-pricing-tables/)
 * [Active Topics](https://wordpress.org/support/plugin/wrc-pricing-tables/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wrc-pricing-tables/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wrc-pricing-tables/reviews/)

## Tags

 * [button position](https://wordpress.org/support/topic-tag/button-position/)

 * 5 replies
 * 2 participants
 * Last reply from: [moviehour](https://wordpress.org/support/users/moviehour/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/button-on-top/#post-9861996)
 * Status: resolved