Tagged: gravityforms
Hi
I need to change the form total value view. total showing on the right side pizza chef. Examples here : http://demo.gravityforms.com/build-a-pizza/
Gravity Forms support sent me the css code:
——————————————
That is just a normal total field that has been positioned over on the right with CSS. It’s not a total in a widget or anything like that. Here is the actual CSS used for that:
body #content .post .post-content .gform_wrapper li#field_5_2 {
position: fixed;
right: 30px;
top: 50px;
padding: 0 10px 10px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #fff;
text-shadow: 1px 1px 1px #daf2b6;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
}
You only need the first 3 rules there to position it in the top right corner. You would have to change the #field_5_2 to the ID of your total field.
Also, you may have to adjust the rest of the selectors to match the selectors that are in use in your template.
————————————————————
But css code did not work. I’m doing something wrong theme.
thanks
Hi Akurgal!
Go ahead and send us a link to your site so we can take a look at the problem and CSS you used. You can mark your reply as private if you wish.
Cheers!
Elliott
Hey!
Try this out.
.hidden-total {
position: fixed;
right: 30px;
top: 50px;
padding: 0 10px 10px 10px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
background-color: #fff;
text-shadow: 1px 1px 1px #daf2b6;
-webkit-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
box-shadow: 0px 0px 5px rgba(50, 50, 50, 0.5);
}
Regards,
Elliott
Hi Elliott,
worked! many thanks.
Akurgal