Jump to content

Bilash

Circle Member
  • Posts

    40
  • Joined

  • Last visited

Posts posted by Bilash

  1. Hi @Callan 

    I think the template you are using there is an issue scoping their CSS custom properties (variables) that's why it's not working out the way you want it to. Anyway, here is a CSS snippet that you can insert into your site to make it look like you wanted. 

     

    [data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item {
      --course-list-grid-layout-course-item-text-color: #ffffff;
      --course-list-grid-layout-course-item-background-color: #232323;
      /* for subtle hover animation */
      transition-property: background-color, color;
      transition-duration: 300ms;
      transition-timing-function: ease;
      transition-delay: 0;
      transition-behavior: initial;
    }
    
    [data-section-id="6576c31ac1a71b16fb46c67c"] .course-list__grid-item.course-list__grid-course-item:hover {
      --course-list-grid-layout-course-item-hover-background-color: #c3876a;
      --course-list-grid-layout-course-item-text-color: #000000;
    }


    Final look:
    image.thumb.png.943590d5803c2ab1a25819cac8a8b96c.png

  2. Hi @Cristina_VersoVisual 

    Here is the full replacement for the Footer code injection (the image you shared for line 1-18) : 

    <script>
      jQuery(document).ready(function ($) {
        $('section.ProductItem-additional').insertAfter(
          '.ProductItem-details .sqs-add-to-cart-button-wrapper'
        );
    
        $('section.reviewsSection').insertAfter(
          '.ProductItem-details .sqs-add-to-cart-button-wrapper'
        );
      });
    </script>
    
    <style>
      section.ProductItem-additional {
        order: 6;
      }
    </style>



     

  3. Hi @datclaiborne

    Your H1 header font size is 28px currently for the desktop devices.
    If you want all of your desired titles to look the same on every page then you can add the following CSS: 
     

    #logo .logo.site-title, 
    .eventlist-title .eventlist-title-link , 
    .eventitem-column-meta .eventitem-title {
      font-family: proxima-nova !important;
      font-weight: 700 !important;
      font-style: normal !important;
      font-size: 28px !important;
      line-height: 1.2 !important;
    }

     

  4. 5 minutes ago, Cristina_VersoVisual said:

    Hi @Bilash

    thank you again, I need this code to have also the additional info on the right. Can I have them both? Thank you

    In that case, here is the corrected version for that block: 

     

    <script> 
    	jQuery(document).ready(function($) {
    	  $('section.ProductItem-additional').insertAfter('.ProductItem-details .sqs-add-to-cart-button-wrapper');
    	});
    </script>

    Please let me know if you need further help. 

  5. This can be achieved with custom coding and Google Apps Script integration which then can be integrated with Google Services, Zapier, Squarespace form submitter list, HubSpot CRM etc. Also, this method is cost friendly compared to Typeform or Jotform. Though you'll need a good web developer but this will give you much more control over everything.

×
×
  • 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.