Basecamp Export

From the list: Build

✔ Footer - Sign up for emails - switch to feedburner code, remove the theme settings option

Cody A. added this on Oct 16, 2020
Completed Oct 22, 2020 by Kyle S.

Assigned to

Kyle S.

Notes

HTML can be found here: https://stanastasia.diocesanweb.org/about-us/im-new/sign-up-for-emails/

<form style="text-align:center; margin-top: -7px;" 
action="https://feedburner.google.com/fb/a/mailverify" 
method="post" target="popupwindow" 
onsubmit="window.open('https://feedburner.google.com/fb/a/mailverify?uri=StAnastasiaRomanCatholicChurch', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<p><small>Enter your email address:</small></p>
<p>
<input type="text" style="width:140px" name="email">
</p>
<input type="hidden" value="StAnastasiaRomanCatholicChurch" name="uri">
<input type="hidden" name="loc" value="en_US">
<input class="searchsubmit" style="cursor:pointer; margin-top: 4px; width: 110px;" type="submit" value="Subscribe">
</form>

Stole this code from the current site, you may have to adjust a couple of values here and there for the footer, but this is what they want, not the Gravity Forms, which means also take off the Theme Settings option for the form selector.

image.png 92.2 KB • Download

Comments & Events

Kyle Sullivan, Web Development

Cody

, do they use the Gravity Forms selector anywhere else, or should I remove the field and the plugin/add-on?

Also, am I just hard-coding this stuff, or do they want to customize any of it later.

They seem to be doing a remarkable job of ruining the vast majority of my efforts to future-proof this site and make it easy for any developer to pop open the hood and work on this.

I hope they realize how much money they're costing their future selves.

Oct 16, 2020 at 3:09 PM Notified 1 person

Cody Armock, Web Content Specialist

Kyle

(KS) I don't think they have that GF selector anywhere else going through the site yesterday, so removing the plugin would be good. Probably just hard-coding it and making it look semi-like it does now would be good.

I don't think they realize that, but the heart wants what the heart wants.

Oct 16, 2020 at 3:20 PM Notified 1 person

Kyle Sullivan, Web Development

To what extent am I supposed to match their proof's styling?

Old • Download

New • Download

Oct 16, 2020 at 4:14 PM Notified 1 person

Kyle Sullivan, Web Development

Also, I deactivated the GF ACF Add-On, but I haven't deleted it yet.

Oct 16, 2020 at 4:14 PM Notified 1 person

Cody Armock, Web Content Specialist

Maybe put the text in a place holder and make the Input field a little bigger. Can you make the button smaller and the same color as the previous?

Oct 16, 2020 at 4:21 PM Notified 1 person

Kyle Sullivan, Web Development

I have everything styled out, but I need to get the submit button to work correctly.

Oct 16, 2020 at 8:09 PM Notified 1 person

Kyle Sullivan, Web Development

Here's what I did for the HTML and SCSS for this.

<button type="submit" class="searchsubmit">
  <i class="fab fa-telegram-plane"></i>
</button>

.searchsubmit { position: absolute; cursor: pointer; background: $tertiary; border-radius: 0; width: 2.5rem; height: 100%; padding-right: 0; top: 50%; right: 0; transform: translateY(-50%); transition: background 0.25s ease-in; &:hover, &:focus { background: $secondary; } i { position: absolute; color: $senary; top: 50%; right: 50%; transform: translate(50%, -50%); } }

Oct 22, 2020 at 5:18 PM Notified 1 person

Kyle Sullivan completed this to-do.

Oct 22, 2020 at 5:18 PM