Jump to content

MoltoBello

Member
  • Posts

    27
  • Joined

  • Last visited

Everything posted by MoltoBello

  1. @tuanphan I was not able to get this to work...
  2. @tuanphan Yes, exactly. 👍 How do we make that happen?
  3. 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! 👍
  4. 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; }
  5. 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.
  6. Sounds like you are trying to setup a redirect on submission. This existing thread may help you.
  7. @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.
  8. 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>
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.