Button link spans full block region width beyond the button image

Created on 9 July 2025, 3 days ago

Problem/Motivation

I first tried the module with bootstrap B3 theme and the WhatsApp link was on the button only working as expected. Then I added the module on a different website using Bootstrap Barrio B5 theme and I placed the WhatsApp button in the 'Footer fifth' block region. The WhatsApp link now spans the entire width of the block region running across the full width of the website.

I checked and found that width: 100%; declaration from the Bootstrap .row class was overriding this style in the module,

.block-whatsapp-button {
  [...]
  width: fit-content;
}

Proposed resolution

Add !important annotation to the width: fit-content; declaration, to make sure the WhatsApp link always stay within the button.

🐛 Bug report
Status

Active

Version

1.0

Component

Code

Created by

🇳🇬Nigeria chike Nigeria

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024