Healthy Solutions - www.healthysolutionsdr.com

This is for a client who already has a website we can use that we just need to optimize.

CS Page Gravity Form Edit

Assigned to
Alyssa Workman, Medstar Alyssa W. Selena Vujatov, Medstar Selena V.
Notes
Hi Alyssa Workman, Medstar Alyssa can you please edit the gravity form on this page to include the $1000 off CS offer? And change the "submit" text to "get coupon"? Thank you!

Comments & Events

Alyssa Workman, Medstar
Done Ivonne Ackerman, Medstar Ivonne

Selena Vujatov, Medstar Selena  could you help please to make the gravity form buttons bigger too? Can you create a video to show me how to do that in the future? 

Thanks so much! Happy new year to you both!
Ivonne Ackerman, Medstar thank u!
Ivonne Ackerman, Medstar Happy New Year!
Selena Vujatov, Medstar
Alyssa Workman, Medstar Alyssa The only way to make the form button bigger is with CSS code.
I added this code below:
@media only screen and (max-width:768px)
{
 .page-id-4339
.gform_wrapper .gform_footer input.button, .page-id-4339  .gform_wrapper .gform_footer input[type=submit] {
font-size: 23px !important;
}
}
@media only screen and (min-width:769px)
{
 .page-id-4339
.gform_wrapper .gform_footer input.button, .page-id-4339  .gform_wrapper .gform_footer input[type=submit] {
 font-size: 29px !important;
 }
}

Let me know if you want to record it.
I already made the change, but it's not visible yet, because we don't have a Cache plugin, and it's risky to add one. I believe this change will be live in a couple of hours.
Alyssa Workman, Medstar
Oh good to know Selena Vujatov, Medstar Selena , I will keep it to you then for those requests. I will save this though. Thanks for getting that changed. You're awesome!
Alyssa Workman, Medstar
This is great, thank you so much Selena Vujatov, Medstar Selena
Alyssa Workman, Medstar
Alyssa Workman completed this to-do.
Alyssa Workman, Medstar
One clarifying question Selena Vujatov, Medstar Selena , I just add the additional CSS below the CSS that is already there? Or do I need to input it elsewhere? 
Alyssa Workman, Medstar
Alyssa Workman re-opened this to-do.
Selena Vujatov, Medstar
Alyssa Workman, Medstar Alyssa
You just need to add it there in Additional CSS section. That's all.

If you want to change that button on other pages just add a comma and the same classes but a different ID. Here's an example with second page (e.g. .page-id-2005):


@media only screen and (max-width:768px)

 .page-id-4339
.gform_wrapper .gform_footer input.button, .page-id-4339  .gform_wrapper .gform_footer input[type=submit], .page-id-2005
.gform_wrapper .gform_footer input.button, .page-id-2005  .gform_wrapper .gform_footer input[type=submit] {
font-size: 23px !important;
}
}
@media only screen and (min-width:769px) 
{
 .page-id-4339
.gform_wrapper .gform_footer input.button, .page-id-4339  .gform_wrapper .gform_footer input[type=submit], .page-id-2005
.gform_wrapper .gform_footer input.button, .page-id-2005  .gform_wrapper .gform_footer input[type=submit] {
 font-size: 29px !important;
 }
}
Alyssa Workman, Medstar
Great, thank you Selena!
Alyssa Workman, Medstar
Alyssa Workman completed this to-do.