The Currency & Frequency Text design options let you customize the appearance of the Currency & Frequency text displayed in modules such as the Pricing Tables module. These settings control the typography, alignment, spacing, and effects for the Currency & Frequency, helping you maintain a cohesive design.
Where to Find the Currency & Frequency Text Options
Open the Pricing Tables module Settings: Click the gear icon or the module itself to access the settings.
Navigate to the Design Tab: Locate the Currency & Frequency Text option group.
Currency & Frequency Text Customization Settings
Featured Currency & Frequency Text Color: Select the Currency & Frequency text color if the item is set as Featured.
Currency & Frequency Font: Choose a font from the dropdown or upload a custom font for unique styling.
Currency & Frequency Font Weight: Adjust the boldness of your Currency & Frequency with options like light, bold, or extra-bold.
Variable Font Options: those options will only be available if you are using a Google variable font such as Robo, Google Sans Flex, or Bitcount):
Variable Font Weight: Use the slider or type in a numeric value for the font weight.
Optical Sizing: Enable automatic optical size handling.
Variable Font Width: Fine-tune variable font width using variable font interpolation.
Variable Font Slant: Fine-tune variable font slant using variable font interpolation.
Variable Font Crsv: Fine-tune variable font crsv using variable font interpolation.
Variable Font Element Shape: Fine-tune variable font element shape using variable font interpolation.
Variable Font Element Expansion: Fine-tune variable font element expansion using variable font interpolation.
Variable Font Rond: Fine-tune variable font rond using variable font interpolation.
Variable Font Grade: Fine-tune variable font grade using variable font interpolation.
Variable Font Width: Fine-tune variable font width using variable font interpolation.
Currency & Frequency Text Size: You can adjust the font size of your Currency & Frequency text using the slider or by entering a specific value. It also accepts Global Variables.
Currency & Frequency Text Color: Choose a color to be used for the Currency & Frequency text. It also accepts Global Variables.
Currency & Frequency Line Height: Set the space between the lines of the Currency & Frequency text, helping to improve readability. It also accepts Global Variables.
Currency & Frequency Letter Spacing: Control the space between letters by adjusting the slider or entering a value. It also accepts Global Variables.
Currency & Frequency Text Alignment: Set the alignment for the Currency & Frequency text—left, center, right, or justified.
Currency & Frequency Capitalization: Choose the Currency & Frequency text's capitalization:
Uppercase - All letters are in uppercase format
Capitalize - Makes the first letter of each word uppercase.
Lowercase - All letters are in lowercase format.
Smallcaps - Lowercase letters display as smaller uppercase letters.
All Small Caps - all letters display as small caps, including letters that were already uppercase.
Currency & Frequency Font Style: Select additional font styles, including:
Italic: Makes the text lean to the right.
Underline: Adds a line under the text.
Overline: adds a line above the text.
Strikethrough: draws a line through the middle of the text.
⚠️ Note: When Underline, Overline, and/or Strikethrough are enabled, you can also choose:Line Color: Choose the line's color. It also accepts Global Variables.
Line Thickness: Choose how thick or slim the line is.
Line Type: Choose the Line's type:
Solid
Double
Dotted
Dashed
Wavy
Currency & Frequency Line Warp Style: Choose how text should wrap. Default keeps native browser wrapping, Balanced evens heading lines, and Pretty helps avoid single-word endings.
Default: Text can move onto a new line when it runs out of space.
Balanced: Short text breaks into lines with more even lengths
Pretty: Text wrap in a cleaner, more visually pleasing way
Currency & Frequency Text Direction: Choose text flow direction. Standard Horizontal reads left-to-right across lines, while vertical modes stack glyphs top-to-bottom.
Standard Horizontal
Vertical (right to left): The text is displayed from top to bottom, and each new line starts to the left of the previous one.
Vertical (left to right): The text is displayed from bottom to top, and each new line starts to the left of the previous one.
Currency & Frequency Hyphenation: When enabled, if a word is too long to fit nicely on one line, the browser can break it into parts and add a hyphen at the break.
Currency & Frequency Fill Type: Choose the Currency & Frequency's text fill options:
None - No Currency & Frequency text fill.
Gradient - Fill the Currency & Frequency text with a Gradient
Image - Fill the Currency & Frequency text with an Image
Transparent - Fill the Currency & Frequency text with a transparent fill.
Currency & Frequency Stroke Width - Choose the thickness of the stroke.
Currency & Frequency Stroke Color - Choose the Currency & Frequency text's stroke color.
Currency & Frequency Columns: Set how many columns the text should flow through.
Currency & Frequency Text Shadow: Add a text shadow effect and customize its direction, blur, and color to add depth or emphasis to the Currency & Frequency:
Direction: Adjust horizontal and vertical placement.
Blur: Control how soft or sharp the shadow appears.
Color: Set a shadow color to complement the text.
Tips for Using Currency & Frequency Text Option Group Option
Ensure Clarity: Use bold fonts and sufficient spacing to make the image's Currency & Frequency text easy to read.
Highlight Interaction: Apply contrasting colors or subtle text shadows to draw attention to the image's Currency & Frequency text.
Stay Consistent: Align the image's Currency & Frequency text style with the rest of your module design, including fonts and colors.
Test Across Devices: Preview on various screen sizes to ensure alignment and readability.