Tagged: , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • June 21, 2023 at 6:46 am #1411242
    philipbrook

    Hello,

    I am having minor issues with the text alignment in the notification box with call to action button. The text is bunched up on the left around the button (see screen shot). You can trigger the notification when adding products to the shopping cart over $75 in value. Usually the button should be aligned to the right with text on the left. I suspect this can be solved with a bit of CSS magic but I am not an expert… Thanking you in advance for your usual first rate service.

    PB

    Cart

    June 22, 2023 at 4:28 am #1411332
    Ismael

    Hey philipbrook,

    Thank you for the inquiry.

    Adding this css code should help.

    .woocommerce-page .button.acfw_apply_notification {
    width: 30% !important;
    position: absolute;
    left: 32px;
    top: 32px;
}

#top div.woocommerce-message {
    padding: 32px 32px 32px 38%;
}

    Again, make sure to toggle the file compression and purge the cache.

    Best regards,
    Ismael

    June 22, 2023 at 5:01 am #1411337
    philipbrook

    Hello Ismael,

    Thank you again for your quick reply. It seems to have done the job with the cart message. Unfortunately, it has created other problems elsewhere.

    The product added to the basket message box shows text overlaping the view basket button on all product pages.

    Can you take a second look? I don’t mind if the buttons are hard set to the right or left. I just want it to look tidy.

    Thank you

    PB

    June 22, 2023 at 5:15 am #1411342
    Ismael

    Hi!

    Thank you for the update.

    We have adjusted the css code a bit. Please try it again. 

    .woocommerce-cart .button.acfw_apply_notification {
    width: 30% !important;
    position: absolute;
    left: 32px;
    top: 32px;
}

.woocommerce-cart div.woocommerce-message {
    padding: 32px 32px 32px 38%;
}

    Cheers!
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.