The Excluded Item Text design options let you customize the appearance of the Excluded Item text displayed in modules such as the Pricing Tables module. These settings control the typography, alignment, spacing, and effects for the Excluded Item, helping you maintain a cohesive design.
Where to Find the Excluded Item 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 Excluded Item Text option group.
Excluded Item Text Customization Settings
Featured Excluded Item: Select the Excluded Item text color if the item is set as Featured.
Excluded Item Font: Choose a font from the dropdown or upload a custom font for unique styling.
Excluded Item Font Weight: Adjust the boldness of your Excluded Item 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.
Excluded Item Text Size: You can adjust the font size of your Excluded Item text using the slider or by entering a specific value. It also accepts Global Variables.
Excluded Item Text Color: Choose a color to be used for the Excluded Item text. It also accepts Global Variables.
Excluded Item Line Height: Set the space between the lines of the Excluded Item text, helping to improve readability. It also accepts Global Variables.
Excluded Item Letter Spacing: Control the space between letters by adjusting the slider or entering a value. It also accepts Global Variables.
Excluded Item Text Alignment: Set the alignment for the Excluded Item text—left, center, right, or justified.
Excluded Item Capitalization: Choose the Excluded Item 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.
Excluded Item 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
Excluded Item 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
Excluded Item 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.
Excluded Item 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.
Excluded Item Fill Type: Choose the Excluded Item's text fill options:
None - No Excluded Item text fill.
Gradient - Fill the Excluded Item text with a Gradient
Image - Fill the Excluded Item text with an Image
Transparent - Fill the Excluded Item text with a transparent fill.
Excluded Item Stroke Width - Choose the thickness of the stroke.
Excluded Item Stroke Color - Choose the Excluded Item text's stroke color.
Excluded Item Columns: Set how many columns the text should flow through.
Excluded Item Text Shadow: Add a text shadow effect and customize its direction, blur, and color to add depth or emphasis to the Excluded Item:
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 the Excluded Item Text Option Group Option
Ensure Clarity: Use bold fonts and sufficient spacing to make the image's Excluded Item text easy to read.
Highlight Interaction: Apply contrasting colors or subtle text shadows to draw attention to the image's Excluded Item text.
Stay Consistent: Align the image's Excluded Item 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.