Proper HTML

Trevor Albrecht shared this idea 6 years ago
Planned

It would be nice if you guys would use proper html and classes for dynamically displayed content on quote template pages so we can accurately target this dynamic sections via our own CSS.


For instance:

%buttons% - this should use the input AND label tag

%header_messages% - This has a bunch of inline css and NO classes. I'd love to be able to change that. =(

%conflict_legend% - same thing here

Best Answer
photo

The new quote pages coming out this year will be better about this. What specifically do you want to change? I may be able to point you in the right direction.

Comments (7)

photo
1

The new quote pages coming out this year will be better about this. What specifically do you want to change? I may be able to point you in the right direction.

photo
1

I wanted to custom style the radio buttons on the confirmation page, but can't do it the right way because there isn't a label.


I wanted to style the fees/discounts a little so it points out the discounts they are getting more.


I wanted to play with the top portion that says "Congratulations! You've qualifed for the following promotions:" as well as the link for "Click to add a personal note". If those had classes to them, I'd be good to go. =(

photo
1

Definitely looking forward to the next "big" update!

photo
1

to style the radio buttons:

  1. input[type="radio"] {
  2. your css here
  3. }

There are ways to access elements that aren't named if you want to learn fancy css.

photo
1

Did that, but this is what I wanted to do:


  1. input[type="radio"] {

  2. display:none;
  3. }
  4. input[type="radio"] + label span {
  5. display:inline-block; width:19px; height:19px;
  6. background:url(check_radio_sheet.png) left top no-repeat;
  7. }

photo
1

You need an absolute url for one. http://yoursite.com/check_radio_sheet.png. I'm guessing that file is not on our server.

photo
1

That was just an example.