[Resolved] URL white on white bakground in wooCommerce

[Joanne Smith]

23232323232323232323232323232`.0
+

[Joanne Smith]

Sorry — the m key got stuck down when I hit it — so the title has too many M’s — anyway it was WooCommerce

When WooCommerce sends out the customer confirmation order email the hyperlink in the email for the URL to AusPos tracking is white on white not sure if it is your theme or wooCommerce theme that is causing the issue ? The developer of the plugin says its works fine for everyone else except my site ? THere is not a screen shot I can give you are a URL link as it is in the email from the admin end/ — have you heard of this ?

[Joanne Smith]

When You look at EMAIL CODE below in Macromedia I can see the Tracking Code LINK — as the CSS style sheet is not attached —

here is the image showing the tracking ORDER code as a URL link

https://webstore.oilandenergy.com.au/wp-content/uploads/2016/08/tracking-code-OK-in-pure-HTML-without-css.jpg

The image below is the EMAIL without the Tracking Code showing

https://webstore.oilandenergy.com.au/wp-content/uploads/2016/08/tracking-not-there.jpg

AND THE EMAIL CODE

[Joanne Smith]

I even added a PLUGIN to overwrite the default WooCOmmerce email style sheet but that did not work either when viewing in browser or email — (( it does when you attach the style sheet to the form in macromedia https://webstore.oilandenergy.com.au/wp-content/uploads/2016/08/style-sheet-attached.jpg but does not work again when viewing live )

<?php
/*
Plugin Name: emailcolour
Plugin URI:
Description: Add CSS to woocommerce default email
Version: V1.1
Author: YaZoogle
Author URI:
License:
License URI:
*/

add_action(‘woocommerce_email_header’, ‘bbloomer_add_css_to_emails’);

function bbloomer_add_css_to_emails() {
?>
<style type=”text/css”>
h2 {
color: red;
}
h3 {
font-family: Courier;
}
table thead th {
background: yellow;
}
a:link {
color: #008000;
}

/* visited link */
a:visited {
color: green;
}

/* mouse over link */
a:hover {
color: red;
}

/* selected link */
a:active {
color: yellow;
}
</style>
<?php
}

[Joanne Smith]

this is the HTML we need to concentrate on

To track shipment, please follow the shipment ID(s) 3465gHSDGSD.</p>

and I can see the STYLE COLOUR is WHITE ?????? NOt sure where this code originated and how can it be changed ?

ANY IDEAS — ha

[Joanne Smith]

oppps when I pasted the Pure HTML – it reverted to type

[Joanne Smith]

the plugin developers said that the WHITE is the theme not them

what next ?

[Joanne Smith]

I found a tab in woocommerce – email settings

and it attached itself to the your theme BUT still not working !!!

MESSAGE

This template has been overridden by your theme and can be found in: statement/woocommerce/emails/customer-invoice.php.

with the following code

<?php
/**
* Customer invoice email
*
* This template can be overridden by copying it to yourtheme/woocommerce/emails/customer-invoice.php.
*
* HOWEVER, on occasion WooCommerce will need to update template files and you
* (the theme developer) will need to copy the new files to your theme to
* maintain compatibility. We try to do this as little as possible, but it does
* happen. When this occurs the version of the template file will be bumped and
* the readme will list any important changes.
*
* @see https://docs.woocommerce.com/document/template-structure/
* @author WooThemes
* @package WooCommerce/Templates/Emails
* @version 2.5.0
*/

if ( ! defined( ‘ABSPATH’ ) ) {
exit;
}

/**
* @hooked WC_Emails::email_header() Output the email header
*/
do_action( ‘woocommerce_email_header’, $email_heading, $email ); ?>

<?php if ( $order->has_status( ‘pending’ ) ) : ?>
<p><?php printf( __( ‘An order has been created for you on %s. To pay for this order please use the following link: %s’, ‘woocommerce’ ), get_bloginfo( ‘name’, ‘display’ ), ‘get_checkout_payment_url() ) . ‘”>’ . __( ‘pay’, ‘woocommerce’ ) . ‘‘ ); ?></p>
<?php endif; ?>

<?php

/**
* @hooked WC_Emails::order_details() Shows the order details table.
* @hooked WC_Emails::order_schema_markup() Adds Schema.org markup.
* @since 2.5.0
*/
do_action( ‘woocommerce_email_order_details’, $order, $sent_to_admin, $plain_text, $email );

/**
* @hooked WC_Emails::order_meta() Shows order meta data.
*/
do_action( ‘woocommerce_email_order_meta’, $order, $sent_to_admin, $plain_text, $email );

/**
* @hooked WC_Emails::customer_details() Shows customer details
* @hooked WC_Emails::email_address() Shows email address
*/
do_action( ‘woocommerce_email_customer_details’, $order, $sent_to_admin, $plain_text, $email );

/**
* @hooked WC_Emails::email_footer() Output the email footer
*/
do_action( ‘woocommerce_email_footer’, $email );

[Joanne Smith]

I noticed the PRINT button is also white on white in the email to the customer ??

A suggested fix would be welcome

[Joanne Smith]

I FIXED it – the solution is to find the woocommerce email php and change it there —

/yourtheme/woocommerce/emails/email-styles.php

and edit this line

a {
color: <?php echo esc_attr( $base ); ?>;
font-weight: normal;
text-decoration: underline;
}

to this:

a {
color:red;
font-weight: normal;
text-decoration: underline;
}

I suggest SETTING UP a child theme so that it is not over written —

If you can come up with another suggestion that would be GREAT

–5 hours later and 100 Google Searches

J

[Tom]

Glad you found a solution.

Those files don’t exist in GP by default, so maybe you added them before?

[Author]

Posts