Update update link to button
-
Hi Team,
If we see My Account->Addresses
It has 2 links i.e.
Edit Billing Address and Add Billing Address
These 2 are links and use is getting confused. Is it possible to make then button or add an Edit icon so that user will know its editable or clickable.
Attachments:
You must be
logged in to view attached files.
Hello,
Could you please check how it works with some default WordPress themes like TwentyTwenty or WooCommerce Storefront to understand if it is our theme issue or not?
Kind Regards
Its not theme issue. I just want if you could make that a button so that user will find it easy. Right now it looks like a simple text until user clicks on it. From UX prospective. If you dont want to change also fine. Just a suggestion, thats all.
Hello,
In this case, try to use the code below for help:
body .woocommerce-MyAccount-content .woocommerce-Address-title a {
display: block;
padding: 10px 15px;
background-color: blue;
color: #fff;
}
body .woocommerce-MyAccount-content .woocommerce-Address-title a:hover {
color: #fff;
background-color: red;
}
Kind Regards
body .woocommerce-MyAccount-content .woocommerce-Address-title a {
display: block;
padding: 10px 15px;
background-color: blue;
color: #fff;
border-radius: 5px; /* Rounded corners */
text-align: center; /* Center the text */
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); /* Button-like shadow */
text-decoration: none; /* Remove underline */
transition: background-color 0.3s ease, box-shadow 0.3s ease; /* Smooth transition */
}
body .woocommerce-MyAccount-content .woocommerce-Address-title a:hover {
color: #fff;
background-color: red;
box-shadow: 0 6px 8px rgba(0, 0, 0, 0.2); /* Shadow on hover */
}
Used this and its looks great. Least it not looks like a button where user can see.
Thanks.
Hello,
Great so the topic can be closed?
Thank you for your time.
Kind Regards
Yes yes feel free to close it. Thank you.
Hello,
Thank you for confirming that the issue is resolved! We are glad to hear that the solution works well for you. Should you have any further questions or need assistance in the future, feel free to reach out.
Kind Regards
The topic ‘Update update link to button’ is closed to new replies.