Jump to content


  • Posts

  • Joined

  • Last visited

jtother's Achievements

  1. Hi @tuanphan thank you. Yes, I'm trying to make a few changes at the moment and need some help. I worked out answers to my initial questions, with either direct solutions (from reading your answers on this forum or others) or indirect solutions. Regarding your specific questions, 1. I've figured out how to change the colour of the text block background. 2. I've figured out how to align/set a minimum height for all the columns. 3. Yes, my site isn't optimised for tablet yet. Is there any easy way to test so I can visually see the changes - I can easily see mobile and desktop via squarespace, but that's it. Secondly, is there specific code, like the mobile only code that targets min max width, that I would use to ensure optimisation for tablet? Like this? /* media query for tablet */ @media screen and (max-width:991px) and (min-width:768px) { YOUR CSS HERE } or @media screen and (min-width:991px) { .image-card .image-title::before { content: url(); zoom:20%; visibility: visible; display: block; } } @media screen and (max-width:990px) { .image-card .image-title::before { content: url(); zoom:10%; visibility: visible; display: block; } } 4. Similar to above. 5. I've used 640px as the max width for mobiles, is that best practice?
  2. Site URL: https://moneymoves.com.au Hi, I'm looking for some help to get a markdown block to run Klaviyo embed code. I'm not sure if this will work, but I've previously added code to my website to allow html language in the markdown block AND I've previously successfully used ConvertFlow code in a markdown block, but it was accompanied by some script which may have helped. I am trying to get rid of ConvertFlow if I can make Klaviyo do what I need it to. Oh and for extra context, I'm trying to add the Klaviyo code to the Markdown block to have more control about where it shows up and how it aligns - I'm finding that less elements are better. The elements are in the first section on my site - photos of the blocks attached for reference. Convertflow code in markdown block, with text code <script> if (window.convertflow == undefined) { var script = document.createElement('script'); script.async = true; script.src = "https://js.convertflow.co/production/websites/29300.js"; document.body.appendChild(script); }; </script> <div class="cf-cta-snippet cta94681" data-website-id="29300" data-cta-id="94681"></div> Klaviyo code in markdown block, with text code <div class="klaviyo-form-R6tL2t"></div> Klaviyo code in code block <div class="klaviyo-form-R6tL2t"></div> Let me know if you have any questions. Thank you
  3. Update: Q3. I figured out how to add padding to the text/button. Add the following code to Pages > Page Settings for the appropriate page you're editing > Then, add this to Advanced. You will need to use Inspect Element to find your block-yui code. <style> #block-yui_3_17_2_1_1627259866438_6504 .image-card { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; padding-top: 10px; } </style> For full control over the padding, make sure you double check the settings under Design > Site Styles > Image Blocks > Image Block: Cards for Image, Title and Button Separation.
  4. Thanks for your really quick reply. I'm trying to edit the Image Card block in the hero section.
  5. Site URL: https://moneymoves.com.au Hi, I'm trying to target a pecific image card block to my site https://moneymoves.com.au There are three things I'd like to be able to do. 1. Center align the button only (Squarespace offers the option of changing the alignment of the text AND the button, but I want to keep the text left aligned and the button centred). 2. Make the button the full width of the container. 3. Add a little padding to the text/button in the image card. At full-size it's perfect, but at any other size, including mobile, the text is on the edge of the image card. I've successfully targeted other single elements before but finding this tricky. Let me know if you need any info from me. Thanks, James
  • 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.