Documentation/Print Invoice, Packing Slip, Delivery Note & Label for WooCommerce/Alter Font Size in Address Label
The WooCommerce PDF Invoices, Packing Slips, Delivery Notes & Shipping Labels plugin helps you print address labels easily. The following code snippet allows you to change the size of the font in the address label printed by the plugin.
Simply add the code to the functions.php file of the active child theme and change the value of the property font-size with the required value.
This article posted in Address Label, Code Snippet, Documentation, Print Invoice, Packing Slip, Delivery Note & Label for WooCommerce
Safwana is a technical content writer for WebToffee. She loves working in WordPress and writing about it.
This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of the basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website, to store user preferences and provide you with content and advertisements that are relevant. Such cookies will be stored on your browser but only upon procuring consent.
You will also have the option to opt-out of these cookies should you want to. But opting out of some of these cookies may have an effect on your browsing experience as per the descriptions elucidated against the respective categories below.
The cookies defines under this category are absolutely essential for the website to function. Hence they are loaded by default irrespective if user consent.
| Cookie | Description |
|---|---|
| PHPSESSID | This cookie is native to PHP applications. The cookie is used to store and identify a users' unique session ID for the purpose of managing user session on the website. The cookie is a session cookies and is deleted when all the browser windows are closed. |
| viewed_cookie_policy | The cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data. |
Analytics cookies help us understand how our visitors interact with the website. It helps us understand the number of visitors, where the visitors are coming from, and the pages they navigate. The cookies collect this data and are reported anonymously.
| Cookie | Description |
|---|---|
| _ga | This cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, camapign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assigns a randoly generated number to identify unique visitors. |
| _gat_gtag | Identification code of website for tracking visits. |
| _gid | This cookie is installed by Google Analytics. The cookie is used to store information of how visitors use a website and helps in creating an analytics report of how the wbsite is doing. The data collected including the number visitors, the source where they have come from, and the pages viisted in an anonymous form. |
| _hjid | Hotjar cookie. This cookie is set when the customer first lands on a page with the Hotjar script. It is used to persist the random user ID, unique to that site on the browser. This ensures that behavior in subsequent visits to the same site will be attributed to the same user ID. |
| _hjIncludedInSample | This cookie is set to let Hotjar know whether that visitor is included in the sample which is used to generate Heatmaps, Funnels, Recordings, etc. |
| has_recent_activity | This cookie is used to signal to the code repository website if the user has browsed other website resources during the current session. |
| tk_ai | Gathers information for our own, first party analytics tool about how our services are used. A collection of internal metrics for user activity, used to improve user experience. |
| tk_lr | This cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack |
| tk_or | This cookie is set by JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack |
| tk_qs | Gathers information for our own, first party analytics tool about how our services are used. A collection of internal metrics for user activity, used to improve user experience. |
| tk_r3d | The cookie is installed by JetPack. Used for the internal metrics fo user activities to improve user experience |
Advertisement cookies help us provide our visitors with relevant ads and marketing campaigns.
| Cookie | Description |
|---|---|
| _fbp | This cookie is set by Facebook to deliver advertisement when they are on Facebook or a digital platform powered by Facebook advertising after visiting this website. |
| fr | The cookie is set by Facebook to show relevant advertisments to the users and measure and improve the advertisements. The cookie also tracks the behavior of the user across the web on sites that have Facebook pixel or Facebook social plugin. |
Preference cookies are used to store user preferences to provide them with content that is customized accordingly. This includes the language of the website or the location of the visitor.
| Cookie | Description |
|---|---|
| _gh_sess | This cookie is used to preserve users states across page requests. |
Comments (13)
Yvette Brownlie
November 1, 2020
I have found a way around this problem by customising the shipping label (which has a code editor field) to act as the address label. I removed the company logo and ‘from’ address field, and increaased the size of the ‘to address’ to fill the entire label.
Just in case anyone else finds that useful 🙂
Gareth Eldridge
July 17, 2020
I find it strange that having spent so much time coding the plugin to deal with margins that the premium plugin does not enable you to centre the address or increase the size of the font without having to code the CSS (which doesn’t actually work). Are there any plans to make this change otherwise i am going to have to request a refund and look elsewhere for a plug in that can Print Address Labels.
Thanks in advance
Mark
July 23, 2020
Hi Gareth,
We will add this to backlogs and will improve in coming release.
Gareth Eldridge
July 23, 2020
Please could i ask you to add an ability to not just always print to the top left “label” on a sheet? If we are printing off one label it wastes an entire sheet of labels as you cannot select another. This should not be a manual coding change by the customer
Richard Armstrong
May 4, 2020
I have the same issue, I entered this in the active theme function.php
/* Alter font size in address label. */
add_filter(‘wf_alter_address_on_addresslabels’,’wf_alter_address_on_addresslabels’,10,2);
function wf_alter_address_on_addresslabels($html){
$html = ”.$html.”;
return $html;
}
And the font size has not changed. What am I doing wrong?
Thanks Steve
Richard Armstrong
May 4, 2020
Sorry, it didn’t copy all the details, this is what is in my functions.php
/* Alter font size in address label. */
add_filter(‘wf_alter_address_on_addresslabels’,’wf_alter_address_on_addresslabels’,10,2);
function wf_alter_address_on_addresslabels($html){
$html = ”.$html.”;
return $html;
}
Richard Armstrong
May 4, 2020
For some reason, the code is not posting as when press post it is removing
div style=”font-size:22px !important
Mark
May 5, 2020
Try using this code snippet.
add_filter('wf_pklist_add_custom_css','wt_pklist_add_custom_css_to_addresslabel',10,2);function wt_pklist_add_custom_css_to_addresslabel($custom_css,$template_type)
{
if($template_type=='addresslabel')
{
$custom_css.='.wfte_shipping_address { font-size:18px; }';
}
return $custom_css;
}
Gem
March 15, 2020
Hi Mark
Thanks for the response, but I am afraid I am still not able to get this to work. Even though it was added to the Active Theme, it was not taking affect. When adding the code above into my Code Snippets Plugin as well, it tells me wf_alter_address_on_addresslabels is already defined, so I can tell its there correctly. But no matter what I try I cannot get the Font Size on Address Label to change.
Please help.
Thanks,
Gem.
Gem
March 9, 2020
Hi There
I’m trying to implement this , but I cannot get it to work. I have to admit I am new to editing the function.php file, so maybe I am missing something obvious. I’ve added the code to the Avada Child Theme file, cleared the cloudfare, server & local browser cashe. But it does not make any difference.
Am I missing something?
Thanks.
Mark
March 11, 2020
Hi,
You have to copy the code snippet to the active theme’s function.php. Also, you have to change the value of the property font size with the required value.
Yvette Brownlie
November 1, 2020
Hi Gem,
Were you able to get this to work? I’ve also got Avada theme and am struggling to get it to work. Any ideas on how to change the font size and font itself much appreciated. I’m a bit disappointed this functionality is not part of a $100 premium plugin.
Mark
November 3, 2020
It will be added in the next update of the plugin. Sorry for the inconvenience.