Skip to content

Instantly share code, notes, and snippets.

@MomokoSanchez
Last active August 11, 2021 10:12
Show Gist options
  • Save MomokoSanchez/7786626795ee8f96ec1e111883c91cb5 to your computer and use it in GitHub Desktop.
Save MomokoSanchez/7786626795ee8f96ec1e111883c91cb5 to your computer and use it in GitHub Desktop.
Hanover - In Stock Banner - A/B test
<!-- old version: -->
<!-- to find this in the code, search for: "design-layer-editable" -->
<div class="design-layer-editable" style="opacity:1;border-style:undefined;padding:0px;border-radius:1px;box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);border-width:0px;border-color:rgba(255,255,255,1);background-image:-moz-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:linear-gradient(to top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-webkit-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-ms-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-o-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff545552', endColorstr='#ff373a36');background-repeat:no-repeat;background-position:center center;background-size: 100% 100%;" data-position="9" data-opacity="1" data-direction="to top" data-overlay_opacity="1" data-push="push" data-effect="none" data-dim="yes" data-tab="no" data-offset="0" data-padding="0" data-border-style="undefined" data-border-width="0" data-border-radius="1" data-box-shadow="8" data-background-color="rgba(84,85,82,1)" data-border-color="rgba(255,255,255,1)" data-background-image-intro="none" data-background-image-pre="none" data-background-image-post="none" data-background-image-thanks="none" data-gradient-color="rgba(55,58,54,1)" data-form-action="undefined" data-integ_type="exported" data-sms="" data-reactstate="" data-list_id="" data-resub="" data-status="" data-segment_ids="" data-merge_fields="" data-group_ids="" data-groupcat_id="" data-selclientid="" data-click-hide="1"></div>
<!-- new version: -->
<!-- add in-line style "background: #005826;" to dom element with class "design-layer-editable" -->
<div class="design-layer-editable" style="opacity:1;border-style:undefined;padding:0px;border-radius:1px;box-shadow:0px 0px 8px 0px rgba(50, 50, 50, 0.75);border-width:0px;border-color:rgba(255,255,255,1);background-image:-moz-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:linear-gradient(to top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-webkit-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-ms-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));background-image:-o-linear-gradient(top, rgba(84,85,82,1), rgba(55,58,54,1));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ff545552', endColorstr='#ff373a36');background-repeat:no-repeat;background-position:center center;background-size: 100% 100%; background: #005826;" data-position="9" data-opacity="1" data-direction="to top" data-overlay_opacity="1" data-push="push" data-effect="none" data-dim="yes" data-tab="no" data-offset="0" data-padding="0" data-border-style="undefined" data-border-width="0" data-border-radius="1" data-box-shadow="8" data-background-color="rgba(84,85,82,1)" data-border-color="rgba(255,255,255,1)" data-background-image-intro="none" data-background-image-pre="none" data-background-image-post="none" data-background-image-thanks="none" data-gradient-color="rgba(55,58,54,1)" data-form-action="undefined" data-integ_type="exported" data-sms="" data-reactstate="" data-list_id="" data-resub="" data-status="" data-segment_ids="" data-merge_fields="" data-group_ids="" data-groupcat_id="" data-selclientid="" data-click-hide="1"></div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment