MoltoBello
Member-
Posts
27 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by MoltoBello
-
@tuanphan I was not able to get this to work...
- 5 replies
-
- integration
- css
-
(and 2 more)
Tagged with:
-
@tuanphan Yes, exactly. 👍 How do we make that happen?
- 5 replies
-
- integration
- css
-
(and 2 more)
Tagged with:
-
Trying to get the form buttons in the embedded HighLevel forms to perform the same as the native buttons on the rest of the website. Example of the buttons on the site are the Strategy Call buttons on the homepage: https://www.avantimarketingsolutions.com/ Example of the HighLevel form button not display correctly: https://www.avantimarketingsolutions.com/dental-practice-marketing-agency I am not sure I have the right callout for the HighLevel buttons: .hl-app button.btn-dark.button-element Here is the complete button code: /* button styling */ .header-actions .sqs-button-element--primary, .sqs-block.sqs-block-button .sqs-block-button-element, .list-section-button-container .sqs-block-button-element, .hl-app button.btn-dark.button-element, div.form-block input[type="submit"] { background: rgba(0,187,255,1) !important; color: #fff !important; letter-spacing: -2px !important; font-size: 30px !important; font-weight: 600 !important; text-transform: uppercase !important; box-shadow:-2px 2px 2px rgba(0, 0, 0, .4); border-radius: 5px; display: block; padding: 20px 30px !important; display: inline-block; border: 2px solid transparent; position:relative; overflow:hidden; } .header-actions .sqs-button-element--primary:hover, .sqs-block.sqs-block-button .sqs-block-button-element:hover, .list-section-button-container .sqs-block-button-element:hover, div.form-block input[type="submit"]:hover { transform: scale(1.01); transition: all .2s ease !important; opacity: 1 !important; } /* sheen effect */ /* This is the base aniamtion*/ .header-actions .sqs-button-element--primary:after, .sqs-block.sqs-block-button .sqs-block-button-element:after, .list-section-button-container .sqs-block-button-element:after, div.form-block input[type="submit"]:after { content: ''; position: absolute; top: -50%; right: -50%; bottom: -50%; left: -50%; background: linear-gradient(to bottom, rgba(229, 172, 142, 0), rgba(255,255,255,0.5) 50%, rgba(229, 172, 142, 0)); transform: rotateZ(110deg) translate(-5em, 15em) } /*This activates the sheen once the button has been hovered*/ .header-actions .sqs-button-element--primary:hover::after, .sqs-block.sqs-block-button .sqs-block-button-element:hover::after, .list-section-button-container .sqs-block-button-element:hover::after, div.form-block input[type="submit"]:hover::after { animation: sheen 1s forwards; } @keyframes sheen { 100% { transform: rotateZ(110deg) translate(10em, -200em); } } Thanks in advance for your help! 👍
- 5 replies
-
- integration
- css
-
(and 2 more)
Tagged with:
-
Site URL: https://lakerenfaire.com/ Font styling for <h1> sitewide is not being applied. Font script has been added from adobe font and is displaying the gallery, just not on the <h1>. Here is my code: //font families font-family: antiquarian-scribe,sans-serif; font-weight: 400; font-style: normal; font-family: minion-pro, serif; font-weight: 400; font-style: normal; //webste h1s h1 { font-family: 'Antiquarian Scribe', 'Minion Pro'!important; text-transform: capitalize !important; }
-
Pass the Page Title (or Slug) into a Hidden Field in a form
MoltoBello replied to jontyh's topic in Customize with code
When tracking forms from different sources it is worth noting that you may have better transparency tracking origins through the use of separate forms each with their own unique name (i.e. Facebook Offer Form, Google Offer Form, etc.) Additionally you could consider sending the submissions from each form to a separate storage destination. To specifically answer your question however using the hidden fields you will need to update the URL slug you want to track by adding the tracking code to the end of the slug. /?SQF_<field-title>=<value> There is a full article on how to implement this feature on available from Squarespace at https://support.squarespace.com/hc/en-us/articles/206543997-Tracking-Form-Block-referral-sources. -
Custom Redirect Based on Form Selection
MoltoBello replied to MelissaHostetter's topic in Customize with code
Sounds like you are trying to setup a redirect on submission. This existing thread may help you. -
Summary Block Title and Excerpt Overlay on Hover
MoltoBello replied to MoltoBello's topic in Customize with code
@rwp That worked! I knew I was close. My title .summary-title tags are still not changing to white though even with the color set with important tag.- 19 replies
-
- css
- code-injection
-
(and 2 more)
Tagged with:
-
Site URL: https://lakerenfaire.com/virtual-faire-invite Good Evening Squarespacers! I am working on a gradient overlay for a grid summary block and have successful positioned the Title and Excerpt over the images in the summary block. I cannot seem to get them to display on hover, however, and the website only displays the gradient and transition, but not the text. I feel like this is close but I am missing something. Here is my code: <!-- Rollover Image Effect --> <style> .summary-item img{position: relative; transition: all .5s ease!important;} .summary-content { position: absolute; color: #ffffff !important; top: 50%; left: 50%; opacity: 0; pointer-events: none; transition: all .5s ease; transform: translate(-50%, -50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);} .summary-title, .summary-metadata-primary, .summary-metadata-secondary, .summary-excerpt {color: #fffff !important;} .summary-item:hover img{-webkit-filter: brightness(50%); filter: brightness(50%);} .summary-content:hover {opacity: 1 !important;} </style>
- 19 replies
-
- css
- code-injection
-
(and 2 more)
Tagged with: