• Resolved jeroenvdh073

    (@jeroenvdh073)


    Hi,

    i’m experiencing difficulties removing bullets points on the thank you page, after checkout.

    i tried:
    .order_details {list-style: none;}
    .order_details {list-style: none !important;}
    .order_details {list-style-type: none;}
    .order_details {list-style-type: none !important;}

    Am i doing something wrong? Hope someone can help me out!

Viewing 6 replies - 1 through 6 (of 6 total)
  • This is based in some

    • elemtents in the thankyou.php.
      make your changes and then upload it to the following directory
      yourchildtheme/woocommerce/checkout/thankyou.php.
    Thread Starter jeroenvdh073

    (@jeroenvdh073)

    Thanks for your reply : )

    Could you be more specific, what should i edit in the thankyou.php? This is my code

    <div class="woocommerce-order">
    
    	<?php if ( $order ) : ?>
    
    		<?php if ( $order->has_status( 'failed' ) ) : ?>
    
    			<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed"><?php _e( 'Unfortunately your order cannot be processed as the originating bank/merchant has declined your transaction. Please attempt your purchase again.', 'woocommerce' ); ?></p>
    
    			<p class="woocommerce-notice woocommerce-notice--error woocommerce-thankyou-order-failed-actions">
    				<a href="<?php echo esc_url( $order->get_checkout_payment_url() ); ?>" class="button pay"><?php _e( 'Pay', 'woocommerce' ) ?></a>
    				<?php if ( is_user_logged_in() ) : ?>
    					<a href="<?php echo esc_url( wc_get_page_permalink( 'myaccount' ) ); ?>" class="button pay"><?php _e( 'My account', 'woocommerce' ); ?></a>
    				<?php endif; ?>
    			</p>
    
    		<?php else : ?>
    
    			<p class="woocommerce-notice woocommerce-notice--success woocommerce-thankyou-order-received"><?php echo apply_filters( 'woocommerce_thankyou_order_received_text', __( 'Thank you. Your order has been received.', 'woocommerce' ), $order ); ?></p>
    
    			<ul class="woocommerce-order-overview woocommerce-thankyou-order-details order_details">
    
    				<li class="woocommerce-order-overview__order order">
    					<?php _e( 'Order number:', 'woocommerce' ); ?>
    					<strong><?php echo $order->get_order_number(); ?></strong>
    				</li>
    
    				<li class="woocommerce-order-overview__date date">
    					<?php _e( 'Date:', 'woocommerce' ); ?>
    					<strong><?php echo wc_format_datetime( $order->get_date_created() ); ?></strong>
    				</li>
    
    				<?php if ( is_user_logged_in() && $order->get_user_id() === get_current_user_id() && $order->get_billing_email() ) : ?>
    					<li class="woocommerce-order-overview__email email">
    						<?php _e( 'Email:', 'woocommerce' ); ?>
    						<strong><?php echo $order->get_billing_email(); ?></strong>
    					</li>
    				<?php endif; ?>
    
    				<li class="woocommerce-order-overview__total total">
    					<?php _e( 'Total:', 'woocommerce' ); ?>
    					<strong><?php echo $order->get_formatted_order_total(); ?></strong>
    				</li>
    
    				<?php if ( $order->get_payment_method_title() ) : ?>
    					<li class="woocommerce-order-overview__payment-method method">
    						<?php _e( 'Payment method:', 'woocommerce' ); ?>
    						<strong><?php echo wp_kses_post( $order->get_payment_method_title() ); ?></strong>
    					</li>
    				<?php endif; ?>
    
    			</ul>

    Thanks

    @jeroenvdh073
    I Dont know what you want to exlcude, but what I see is, that you are still having

    Thread Starter jeroenvdh073

    (@jeroenvdh073)

    i’m not sure what you mean, i made a screenshot of what i want to remove: screenshot example

    • This reply was modified 5 years, 6 months ago by jeroenvdh073.

    LIke I said there are still html list elements in your code. Thats where the bulletpoints come from.
    Maybe the bulletpoints are generated by your theme? Which one are you using?
    You can try this CSS here, but I′m not sure if its the right class, because I`m not albe to see the checkout and inspect it with the dev tools

    .row.cart-table.cart_item li {
          list-style: none !important;
        }
    
        .row.cart-table-top li {
          list-style: none !important;
        }
    Plugin Support stephjacq a11n

    (@stephjacq)

    Automattic Happiness Engineer

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove bullet points Thank You page’ is closed to new replies.