Docs

[christiaanakkermans]

Hi,

I’m using WooCommerce and want to remove only the prices from the checkout page (I want to show it my own way on the right side – its a one page checkout).

To make clear what I want, I attached an image to show you which part.

Hope you can help me!

Thnx.

Christiaan

[Thai]

Hi There,

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

table.shop_table.woocommerce-checkout-review-order-table {
    display: none;
}

Hope it helps 🙂

[christiaanakkermans]

Thnx! That worked!

Could you also please help me with these questions below?

– How do I reduce space between ‘Accountwachtwoord’ and ‘Jouw bestelling’
– How do I get a bit more space between the button and text?
– How can I get a line between ‘Accountwachtwoord’ and ‘Jouw bestelling’
– How do I remove the text ‘Jouw bestelling’?
– Is is possible to make de page width of only this page smaller?
– Is it possible to place some images of the payment methods (iDEAL and Mister Cash) next to these payment options?
– How do I translate ‘Choose Your Bank’ to ‘ Kies uw bank’
Button:
– How do I change the color of this single button?
– How do I remove the text-shadow ans button-shadow?

To make clear what I’m after, I attached an image.

The website: http://leden.chrisakkermans.com/60-dagen-uitdaging-nu-direct-afrekenen/

Hope you can help me!

Thnx.

Christiaan

[christiaanakkermans]

This reply has been marked as private.

[Thai]

Hi There,

Please add the following CSS:

h3#order_review_heading {
    display: none;
}

div#order_review {
    padding-top: 15px;
    border-top: 1px solid #000;
    margin-top: 15px;
}

input#place_order {
    margin-top: 12px;
    background-color: #f0f00f;
    box-shadow: none;
    text-shadow: none;
}

To translate that string, please add the following code under functions.php file locates in your child theme:

add_filter('gettext', 'x_translate_text' , 20, 3);
function x_translate_text ( $translated_text, $text, $domain ) {
	$translation = array (
		'Choose Your Bank' => 'Kies uw bank'
	);
	if( isset( $translation[$text] ) ) {
		return $translation[$text];
	}
	return $translated_text;
}

Hope it helps 🙂

[christiaanakkermans]

Wow it’s almost exactly how I want it to be: thnx!

– How do I change the button text to ‘VOLTOOI MIJN BESTELLING’?
– Is it possible to make de page width of only this page a bit smaller?

Thnx

Christiaan

[Friech]

Hi There,

Regretfully that form is inside iFrame, and we can not edit anything that is in external source.

Add this on top of your Custom CSS on Customizer, this should adjust the width of that page.

.page-id-1783 .x-container.max {
	    width: 75%;
}

Feel free to adjust the 75% value.

Thanks.

[christiaanakkermans]

Allright! I am really happy with your great service!

Is it possible to exclude the code below for mobile, and how?

.page-id-1783 .x-container.max {
width: 75%;
}

thnx.

Christiaan

[Christian]

It is possible by adding a media query. For example:

@media (max-width: 980px) {
.page-id-1783 .x-container.max {
  width: 75%;
}
}

Further customizations from here would be getting into custom development, which is outside the scope of support though. If you need more in depth changes, you may wish to consult with a developer. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding.

[Author]

Posts