Automattic
Argent theme - Buttons are cut off at the bottom
Quick summary
User reported that the buttons on their site are cut off at the bottom. Here's what it looked like:
Upon investigating, it appears to be an issue with the theme. tags have a border-bottom set to transparent color, causing the issue. Here's a screenshot of the applied CSS:
Steps to reproduce
- Install "Argent" theme
- Create a page and add a button to it
- Set the button style to "Outline". Screenshot for reference:
A clear and concise description of what you expected to happen.
The button should look like the screenshot with border on all sides:
What actually happened
The border-bottom of the button is missing, which makes it look like it's cut off. Screenshot here:
Impact
One
Available workarounds?
Yes, easy to implement
If the above answer is "Yes...", outline the workaround.
A temporary workaround is to add the following CSS:
.wp-block-button a { border: 2px solid !important; }
Not suitable for free sites
Platform (Simple and/or Atomic)
Simple, Atomic
Logs or notes
There are other bug reports for Argent theme on different issues.
📌 REPRODUCTION RESULTS
- Tested on Simple – Replicated
- Tested on Atomic – Replicated
📌 FINDINGS/SCREENSHOTS/VIDEO I can replicate it:
That said, I'm not sure if this is something that we would want to move forward considering the theme Argent is a classic theme and the best course is to suggest users to switch to Block Themes as Block Theme offers more control 🤔
📌 ACTIONS
- Triaged
