Home › Forums › WoodMart support forum › Custom CSS not working on [woodmart_popup] trigger button

Custom CSS not working on [woodmart_popup] trigger button

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 31, 2026 at 5:33 pm #720073

    alyssaguo826
    Participant

    Hi WoodMart Team,

    I want to add a B2B inquiry button right below the “Add to cart” button.

    I created an HTML Block using the [woodmart_popup] shortcode and assigned it to the “After ‘Add to cart’ button text area” in Theme Settings.

    The Issue:
    The default button rendered on the frontend looks very ugly. I tried to customize its colors and styles using custom CSS, but none of my changes are working. The theme’s default styles keep overriding my code.

    How can I successfully apply custom CSS to this popup trigger button?

    Thank you.

    Attachments:
    You must be logged in to view attached files.
    June 1, 2026 at 11:43 am #720121

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    Instead of using a short code, use a theme popup widget. Try to edit an HTML block and edit the Popup widget, and in the style tab, change the button colors.

    See Screenshots for clarification: https://postimg.cc/Bj5KhGsd
    https://ibb.co/3fS9R0M

    If you have any questions, feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)