NL_Derek
New Member
On my website I have an Elementor form using items of type "Acceptance". I use CSS to enclose each item in a box; the "Acceptance Text" is typically:
and the CSS is:
My problem is that the width of the box is set by the text in it, I would like all boxes to be 100% of the column width. I tried setting
The problem can be seen on test.corryderek.nl/doemee/ (scroll down to the last few items).
EDIT: I did some more tests, and the problem only seems to occur in a box of type "Acceptance"; a box of type HTML displays as full-width (although of course it lacks the acceptance box).
<div class=chckbx >Some text. </div>and the CSS is:
.chckbx {
background-color: bisque;
margin-top: -2em;
margin-left: -0.5em;
padding-left: 2.5em;
padding-right: 1em;
border-color: #cc3103;
border-style: solid;
border-width: 2px;
}My problem is that the width of the box is set by the text in it, I would like all boxes to be 100% of the column width. I tried setting
width: 100%; but that made the boxes smaller; I also tried margin-right: 0; but that also did not help. I tried using <span> and <p> instead of <div>; again no help.The problem can be seen on test.corryderek.nl/doemee/ (scroll down to the last few items).
EDIT: I did some more tests, and the problem only seems to occur in a box of type "Acceptance"; a box of type HTML displays as full-width (although of course it lacks the acceptance box).
Last edited:
