Hiding box around BYO price in ACBC

Question

My client is confused by the input text boxes on the far right column of an ACBC build-your-own screen. They say they want to type in some information into those boxes because they look like standard input fields. How can I remove the box around the input box so that just the value is displayed?

Answer 1

To remove the border and make the background transparent, add the following CSS (cascading style sheets) code to the Survey Settings > Headers and Footers tab > HTML Head Tag section. In this case, the code modifies the predefined class style (acbc_byo_price_box) so that it removes the border and makes the background transparent.

<style type="text/css">
.acbc_byo_price_box {
  border-style:none;
  background-color:transparent;
  }
</style>