This article shows you how to center text within a button in GemPages. If you’ve noticed that your button text appears off-center, this may be due to size settings or additional padding applied to the button. Follow the steps below to ensure your button text is perfectly centered.
Why is the button text not centered?
You may encounter misaligned button text due to:
- Modified Size Settings: Adjusting the width and height of the button can sometimes affect text positioning.
- Additional Padding: Increasing padding inside the button may push the text off-center.
How to center the text in a button?
1. Reset or Adjust Padding
Step 1: Click on the button element to open its settings.
Step 2: Locate the Padding under the Size section.
Step 3: If the padding is uneven, adjust it to ensure equal spacing on all sides.
2. Check the Button’s Width and Height
Step 1: Go to the Size settings.
Step 2: Ensure the button height is proportionate to its width, so the text remains in the center.
Thank you for your comments