[golfsoftechParticipant]

Hello,

I am trying to customize the pricing table x_button using the post method code from the payment processing company. I have reviewed the knowledge base forum, but I am unable to get the exact results.

here is the code i am trying to customize.

[cs_icon_list]
[cs_icon_list_item type=”check”]All Ages (5-16)[/cs_icon_list_item]
[cs_icon_list_item type=”check”]Class <strong style=”color: black;”>Once per week[/cs_icon_list_item]
[cs_icon_list_item type=”close”]One individual 30 minutes lesson per month[/cs_icon_list_item]
[cs_icon_list_item type=”close”]9 hole playing lesson with Coach per month[/cs_icon_list_item]
[/cs_icon_list]

<form name=”PrePage” method = “post” action = “https://Simplecheckout.authorize.net/payment/CatalogPayment.aspx” target=”_blank”>
<input type = “hidden” name = “LinkId” target=”_blank” value =”308a8cc4-99c6-5f9c-9fc9-a4442352ac33″ />
<input type =”submit” value=”Buy Now!” name=”submit” class=”tga_buy_now_button x-pricing-table x-btn x-btn-x-large x-btn-real x-btn-square”>
</form>

Thanks for the help in advance…

[RupokMember]

Hi there,

Please provide the page URL in question and point us that.

Thanks!

[golfsoftechParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

.x-pricing-column-info form,
.x-pricing-column-info form input[type="submit"] {
    margin: 0;
}
.x-pricing-column-info form br {
    display: none;
}

Hope it helps 🙂

[golfsoftechParticipant]

thanks for the response, it helped. but I am trying to keep the css class for ‘Buy Now’ button in Beginner column same as other columns. Am I missing something, Can you help?

Thanks agian

[ChristianModerator]

Please add the code below in your Appearance > Customize > Custom > Global CSS

.x-pricing-table .x-btn {
    color: black;
    background-color: #efefef;
    box-shadow: 0 0.25em 0 0 #969696, 0 4px 9px rgba(0,0,0,0.75);
    border-color: #737571;
}

.x-pricing-table .x-btn:hover {
    color: black;
    background-color: #efefef;
    box-shadow: 0 0.25em 0 0 #5A5B59, 0 4px 9px rgba(0,0,0,0.75);
    border-color: #3C3D3B;
}

[golfsoftechParticipant]

This reply has been marked as private.

[ChristianModerator]

The code works as you can see in the attachment. There’s most probably a syntax error in your CSS. Most common cause of that is not copying the code completely like missing the closing } bracket. Please check your entire custom CSS or have a third party developer investigate the code as that would be outside the scope of our support.

Thanks.

[golfsoftechParticipant]

ok, I understand. I checked the css syntax they looked okay, not sure why it doesn’t work. Is there another way to implement <form> tag in x_button?

Thanks

[Rue NelModerator]

Hello There,

The code did not work because you have this custom css as well which overrides it:

.tga_buy_now_button {
    background: #aaaaaa;
    color: #3C3D3B!important;
    border: #ffffff solid 3px;
}
.tga_buy_now_button:hover {
    background: #000000;
    color: #fff;
    border: #336699 solid 3px;
}

An x_button is not a submit button. Only a submit button can be inside the form tag and sends any data after clicking on submit. Please check out this link to be able to submit a form using an a link:
http://stackoverflow.com/questions/10039968/submit-form-using-a-tag
http://stackoverflow.com/questions/7340300/a-tag-as-a-submit-button

Hope this helps.

[golfsoftechParticipant]

Thanks a lot..that helped!!! I have commented the custom css it worked…Another amazing support…Keep up the good work folks..

[Rue NelModerator]

Hello There,

You’re most welcome as always! We are just glad we were able to help you out.
If you need anything else, please let us know.

Cheers.

[Author]

Posts