This message was deleted.

@orange-computer-53672 here's the code we used to achieve wide forms:

/*Table Cell padding removed and font size reduced */
.table-field{
  font-size: .775rem;
  padding-top: 0px; 
  padding-bottom: 0px;
}

/*Section Top margin reduced */

.css-jfiacf {
 margin-top: 0px;
}

/* CSS for Collection page */
.block-view_0 > .css-1jfk12c > .css-jfiacf{
  margin-top: 1.5rem;
}

/* Section Heading Font size */
.css-7v10ds {
    font-size: 1.25rem;
}

/* Form CSS */
.css-i5ibl3 {
  display: grid;
  gap: 0px
}
.css-sskcns {
  margin-bottom:0px;
}

/*  Form Width CSS */
.css-1a04627 {
  max-width: 100%;
}

This is not good code @limited-apartment-70807 as it can break any time. Those css classes you rely on are dynamically generated and destroyed when Stacker make a new release.

Exactly - you’ll need to use nested css selectors for this. Try using nested child selectors: https://www.w3schools.com/CSS/css_combinators.asp Combined with psuedo element selectors: https://www.w3schools.com/CSS/css_pseudo_elements.asp