Home Forums WoodMart support forum Update update link to button

Update update link to button

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #602375

    debsahoo188
    Participant

    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.
    #602395

    Luke Nielsen
    Keymaster

    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

    #602479

    debsahoo188
    Participant

    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.

    #602488

    Luke Nielsen
    Keymaster

    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

    #602500

    debsahoo188
    Participant

    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.

    #602558

    Luke Nielsen
    Keymaster

    Hello,

    Great so the topic can be closed?

    Thank you for your time.

    Kind Regards

    #602559

    debsahoo188
    Participant

    Yes yes feel free to close it. Thank you.

    #602560

    Luke Nielsen
    Keymaster

    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

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Update update link to button’ is closed to new replies.