WebToffee Logo
  • Home
  • Plugins
  • Shopify apps
  • Bundles
  • Blog
  • Documentation
  • Support
Login
cart 0

  • Getting Started
    • Setup Guide
  • Customization
    • Customize Address label
    • Alter Font Size
    • Add Order Number
    • Add Invoice number
    • Remove Address fields
    • Add Customer Note
  • Changelog
    • v1.0.5

Home > Docs > WooCommerce Address Labels plugin > Alter Font Size in a WooCommerce Address Label

Alter Font Size in a WooCommerce Address Label

Last updated on November 23, 2023

Address labels display the recipient’s/sender’s information on packages. Using address labels saves time and reduces errors, ensuring that orders reach the intended recipients promptly. Altering the font size in an address label improves readability and helps in efficient sorting. The WebToffee’s WooCommerce Address Labels plugin helps to alter the font size in an address label using a custom code snippet.

Altering the font size

To alter the font size in an address label, follow the below steps:

  1. Update the font-size in the custom code snippet given below with the preferred font size. In the custom code snippet the font size is set to 10px.
  2. Now, add the updated custom code snippet to the active child theme’s functions.php file. If the current theme doesn’t have a functions.php file, then use a third-party plugin for the addition. To know more about how to add a custom code snippet using a third-party plugin, refer to this article.

The following image shows an example of address labels with a font size of 10px(pixels).

WooCommerce Address label with a font size of 10px
WooCommerce Address label with a font size of 10px

Use case

Lets change the font size to 15 pixels(px).

Steps:

  1. Change the font-size in the custom code snippet to 15px.
  2. Add the updated custom code to the active child theme’s functions.php file.

The following image shows an example of address labels with a font size of 15px( pixels).

WooCommerce Address label with a font size of 15px
WooCommerce Address label with a font size of 15px
  • Was this article helpful?
  • Yes, thanks!Not really
Get the plugin

On this page

  • Altering the font size
  • Use case

This article posted in Customization, Documentation, WooCommerce Address Labels plugin

Written by

Sanjai Valsan

Technical Content Writer at WebToffee, simplifying complex concepts for seamless user experiences.

Comments (13)

  1. 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 🙂

    Reply
  2. 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

    Reply
    • Mark

      July 23, 2020

      Hi Gareth,

      We will add this to backlogs and will improve in coming release.

      Reply
      • 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

        Reply
  3. 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

    Reply
    • 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;

      }

      Reply
      • 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

        Reply
        • 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;
          }

          Reply
  4. 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.

    Reply
  5. 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.

    Reply
    • 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.

      Reply
    • 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.

      Reply
      • Mark

        November 3, 2020

        It will be added in the next update of the plugin. Sorry for the inconvenience.

        Reply

Got any query? Please leave a comment or reach out to our support

Cancel reply

Your email address will not be published. Required fields are marked *

Webtoffee
Facebook
Twitter
Youtube
Linkedin
WordPress

We develop awesome WordPress and WooCommerce plugins and Shopify apps to help build successful online businesses.

Trustpilot

© 2023 WebToffee. All rights reserved.

Our plugins

  • GDPR Cookie Consent
  • PDF Invoices & Packings Slips
  • Product Import Export Plugin
  • User & Customer Import Export
  • Import Export Suite
  • Sequential Order Numbers
  • Smart Coupons for WooCommerce
  • URL Coupons for WooCommerce
  • PayPal Express Checkout
  • Stripe Payment Gateway
  • Subscriptions for Woocommerce
  • WooCommerce Product Feed & Sync Manager
  • PrintNode for PDF Invoices
  • Order, coupon, subscriptions for WooCommerce
  • WordPress Backup and Migration
View more +

Get Started

  • Plugins
  • Testimonials
  • Customer Stories
  • Affiliates
  • We're hiring

Help & Support

  • Installation Guides
  • Documentation
  • Documentation (Basic)
  • Info Library
  • FAQ
  • Support

Company

  • About Us
  • Terms & Conditions
  • Privacy Policy
  • Cookie Policy
  • Refund Policy
  • Support Policy

© 2023 WebToffee. All rights reserved.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies. However you may visit Cookie Settings to provide a controlled consent.
Cookie settingsReject allAccept all
Privacy & Cookies Policy

Privacy Overview

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.

Necessary
Always Enabled
The cookies defined under this category are absolutely essential for the website to function. Hence they are loaded by default irrespective if user consent.
CookieDescription
__cfruidCloudflare sets this cookie to identify trusted web traffic.
__stripe_midStripe sets this cookie cookie to process payments.
__stripe_sidStripe sets this cookie cookie to process payments.
cookielawinfo-checkbox-advertisementSet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Advertisement" category .
cookielawinfo-checkbox-analyticsSet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Analytics" category .
cookielawinfo-checkbox-necessarySet by the GDPR Cookie Consent plugin, this cookie is used to record the user consent for the cookies in the "Necessary" category .
cookielawinfo-checkbox-preferencesThis cookie is set by the GDPR Cookie Consent plugin to check if the user has given consent to use cookies under the "Preferences" category.
CookieLawInfoConsentRecords the default button state of the corresponding category & the status of CCPA. It works only in coordination with the primary cookie.
PHPSESSIDThis 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 sessions on the website. The cookie is a session cookie and is deleted when all the browser windows are closed.
viewed_cookie_policyThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not a user has consented to the use of cookies. It does not store any personal data.
Analytics
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.
CookieDescription
_gaThis cookie is installed by Google Analytics. The cookie is used to calculate visitor, session, campaign data and keep track of site usage for the site's analytics report. The cookies store information anonymously and assigns a randomly generated number to identify unique visitors.
_ga_BQH8MSKD4MThis cookie is installed by Google Analytics.
_gat_gtagIdentification code of website for tracking visits.
_gidThis cookie is installed by Google Analytics. The cookie is used to store information on how visitors use a website and helps in creating an analytics report of how the website is doing. The data collected including the number visitors, the source where they have come from, and the pages visited in an anonymous form.
_hjAbsoluteSessionInProgressHotjar sets this cookie to detect the first pageview session of a user. This is a True/False flag set by the cookie.
_hjFirstSeenHotjar sets this cookie to identify a new user’s first session. It stores a true/false value, indicating whether it was the first time Hotjar saw this user.
_hjidHotjar 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.
_hjIncludedInPageviewSampleHotjar sets this cookie to know whether a user is included in the data sampling defined by the site's pageview limit.
_hjIncludedInSampleThis cookie is set to let Hotjar know whether that visitor is included in the sample which is used to generate heatmaps, funnels, recordings, etc.
_hjIncludedInSessionSampleHotjar sets this cookie to know whether a user is included in the data sampling defined by the site's daily session limit.
_hjTLDTestTo determine the most generic cookie path that has to be used instead of the page hostname, Hotjar sets the _hjTLDTest cookie to store different URL substring alternatives until it fails.
CONSENTYouTube sets this cookie via embedded youtube-videos and registers anonymous statistical data.
has_recent_activityThis cookie is used to signal to the code repository website if the user has browsed other website resources during the current session.
tk_aiGathers information for our own first-party analytics tool about how our services are used. A collection of internal metrics for user activity and is used to improve user experience.
tk_lrThis cookie is set by the JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack.
tk_orThis cookie is set by the JetPack plugin on sites using WooCommerce. This is a referral cookie used for analyzing referrer behavior for Jetpack.
tk_qsGathers information for our own first-party analytics tool about how our services are used. A collection of internal metrics for user activity and is used to improve user experience.
tk_r3dThe cookie is installed by JetPack. Used for the internal metrics for user activities to improve user experience.
Advertisement
Advertisement cookies help us provide our visitors with relevant ads and marketing campaigns.
CookieDescription
_fbpThis cookie is set by Facebook to deliver advertisements when they are on Facebook or on a digital platform powered by Facebook advertising after visiting this website.
frThe cookie is set by Facebook to show relevant advertisements 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.
VISITOR_INFO1_LIVEA cookie set by YouTube to measure bandwidth that determines whether the user gets the new or old player interface.
YSCYSC cookie is set by Youtube and is used to track the views of embedded videos on Youtube pages.
yt-remote-connected-devicesYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
yt-remote-device-idYouTube sets this cookie to store the video preferences of the user using embedded YouTube video.
Preferences
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.
CookieDescription
_gh_sessThis cookie is used to preserve users' states across page requests.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
CookieDurationDescription
_hjSession_137657130 minutesNo description
_hjSessionUser_13765711 yearNo description
_octo1 yearNo description available.
_zendesk_authenticatedpastNo description
_zendesk_sessionsessionNo description available.
_zendesk_shared_sessionsessionNo description available.
edd_wp_session12 hoursNo description available.
logged_in1 yearNo description available.
m2 yearsNo description available.