Button Bug: Styling with global class

[Marius]

@jornes

For example, when I want the button to have a border at the bottom only, I give the border-bottom a value of 2px. Then the rest of the fields are blank. The front end should show the border-bottom only. But it is not the case on the front end if I leave them blank. It shows a border for all sides (refer to the 3 buttons below) even if I give 2px to 1 side only.

Hey @jornes.

Please check the following thread to understand the border property logic:

In CSS, the initial border width value is medium So you will have to set the other border widths to 0px in order to cancel the initial value

Hi, In Design / Borders / Width: When adding a border width, un-toggle linked values, add 1 px as the right value and the border shows on the backend and frontend on 4 sides 1px. In order to get only 1 side, need to add 0 to each other side. I would assume that in this case, the expected behavior would be a 0 value to any other side than the active one, right? J