whitney.zelig@gmail.com the offer and pop-up seem okay. The only thing I could suggest trying would be changing the background color of the gravity form so it stands out more. Will see what Hector or Isaac finds.

---

Isaac any way to make the 50% Off on the GFs bigger and bolder? Can I add font size into the HTML styling by breaking up the offer and the 'coolsculpting elite'? Would I need to divide the styling with more than just a <br/> though? So the code would look like this:

OR it can keep the same styling and add font-size specifications like this: 

Trying to put the coding I am learning to use, maybe I am completely off here. Thanks for verifying. 

whitney.zelig@gmail.com - I checked the page and all looks good from the functionality perspective. All the forms are working fine and content is not getting cut off. Image are loading properly.

The page speed is little slow though.

gtmetrix • Download

Awesome Alyssa - You are already writing the inline styles. It took me ages to reach this level..hah.

Coming to your code. It would have worked if we had a single form and also ignored the SEO. Going above way we would have multiple H2 tags which is not recommended and also a lot of repeated code since we have 3 forms sharing the same style.

So in this case. I followed the concept of DRY (Do not repeat yourself) which I am pretty sure you must have also heard about in your course and for that I added a class to the form title of all three forms and used it while targeting the element in css. Same classes can be shared among different elements. I used the below code to style the form title on all 3 forms.

<p class="cs-form-title">50% OFF* <span> COOLSCULPTING ELITE</span></p>

.cs-form-title {
  text-align: center;
  font-size: 35px !important;
  padding-bottom: 0;
  margin: 15px 0 0;
}
.cs-form-title span {
  display: block;
  font-size: 25px !important;
  margin-top: 15px;
}

This brings back memories of when I was into coding.
My brain no longer wants to handle the <div></div> and other paradigms.
 
For me, this LP https://renovomd.com/coolsculpting-northborough/
is doing pretty bad on pagespeed insights.
The page scored a 6 on mobile and 54 on desktop.

screencapture-pagespeed-web-dev-report-2023-01-26-09_49_40.png 394 KB • Download

Interestingly enough, it appears that the LP is 2nd in position as far as the top pages for this client though.

image.png 85.1 KB • Download

Thanks Isaac ! I am familiar with DRY and was getting the css mixed a little with setting variables with JS because with variables I can repeat some things, but in either case, I would have had to still create individual class elements because of the multiple forms. Seeing how you created the <span> and <p> as 2 different class elements makes sense. I also saw you had to create it in the overall page CSS, where I was thinking to add it just on the form CSS. Thanks for taking the time to explain it and show me!