Jump to content

Vigasan

Circle Member
 View Profile  See their activity

  • Posts

    535

  • Joined

  • Last visited

  • Days Won

    2

 Content Type 

Everything posted by Vigasan

  1. Vigasan
    For custom CSS, you can try the following code: [data-section-id="65327c9656ab0f0bd618df3a"] .list-section-title p{ line-height: 1em !important; }
  2. Vigasan
    Try this code @media only screen and (max-width: 640px) { #block-yui_3_17_2_1_1697227978381_390812 .sqs-gallery-design-grid-slide, #block-yui_3_17_2_1_1697141864237_189679 .sqs-gallery-design-grid-slide{ width: 33.33% !important; clear: none !important; } }
  3. Vigasan
    Try something like the following. // Blue Square Nav Dividers // .header-nav-item a:after { content: "◼"; margin-left: 1vw; color: #3195b3; font-size: 15px } div.header-nav-item:last-child>a:after { visibility: hidden; } // Remove Slash From Folder Nav // .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item a:after { content: "" !important; } // Remove Active Nav Line // .header-nav-item--active a { background-image: none !important; } .header-layout-branding-center-nav-center .header-title-nav-wrapper .header-nav .header-nav-item{ margin-left: 0px !important; }
  4. Vigasan
    Add a code block anywhere you want the button to appear, and add this inside. <button onClick="window.print()">Print</button> You can also add classes to the button if you want to style it like your Squarespace buttons.
  5. Vigasan
    The title will also appear in SEO settings if you add code. Why not just do that all in photoshop and save it as a png logo and upload that instead? No code required.
  6. Vigasan
    No that space is from the ReCaptcha, see attached image. But yea since it's an iframe, you can't edit the CSS in Squarespace, it has to be from Acuity. Here's the same area with the badge not hidden.
  7. Vigasan
    Use this instead: /* Remove underline on hover and active page */ .header-nav-item:hover:before, .header-nav-item--active:before{ display: none !important; }
  8. Vigasan
    It looks like that's the hidden Google Recaptcha badge. You can add CSS to make it smaller (you can't set display to none, because then recaptcha messes up). Go to your Acuity Advanced Settings to add CSS here: https://secure.acuityscheduling.com/preferences.php?tab=advanced And add this custom CSS. .grecaptcha-badge { height: 1px !important; }
  9. Vigasan
    Add this to CUSTOM CSS. The nth-child(1) and nth-child(2) tells the code to make the 1st and 2nd items 50% width, so if you want other items to also be that width, just continue adding numbers as needed. The code is also set to only work on desktop/tablet and exclude mobile so it'll default to the 1 item per column on mobile. /* Edit 1st and 2nd item to take up half the width each */ @media screen and (min-width: 768px){ [data-section-id="62bcca449ab7dc3cf5f03996"] { .portfolio-grid-overlay { grid-template-columns: repeat(6, 2fr) !important; } .portfolio-grid-overlay .grid-item{ grid-column: span 2 !important; } .portfolio-grid-overlay .grid-item:nth-child(1), .portfolio-grid-overlay .grid-item:nth-child(2){ grid-column: span 3 !important; } } }
  10. Vigasan
    Unfortunately since the payment processing is actually through Stripe/PayPal, that's not something you'll be able to do at the moment, at least not until Squarespace lets you add more than one account for each processor, which I doubt is a priority.
  11. Vigasan
    We have plugins for Squarespace such as the following: Add to Cart Animation Age Verification Automatic Table of Contents Set Blog Thumbnail as the Banner Image Button Animations Squarespace Dark Mode Gallery Filter Gallery Title on Hover Portfolio Filter Rotating Words Scrolling Portfolio Images Vertical Alignment If you have any questions, feel free to message me. If you have ideas for plugins, definitely let us know and we'll see what we can do 🙂
  12. Vigasan
    Yup that'll work. In order to use Playfair Display in CSS, it has to be selected as a font for something else so that Squarespace loads the font onto the website first.
  13. Vigasan
    No need to host the files anywhere else, you can download them and host them on Squarespace itself. That way you aren't doing external server requests. You could also just copy the code and enter it directly into Squarespace as well.
  14. Vigasan
    When I undo the font, it isn't italicized anymore. Do you have Playfair Display selected as the font for something on your Squarespace website? If you aren't using that font anywhere else, Squarespace won't load it onto your website and you have to load it manually within the CSS section.
  15. Vigasan
    Hey @Enea, it's not a specific feature, where you have the embed code, change the 1000 to 100% <iframe width="1000" height="600" style="max-width:100%"
  16. Vigasan
    @ruby Replace your code with the following. @font-face { font-family: 'RECOLETAREGULAR'; src: url(https://static1.squarespace.com/static/60d9ae15f8161d7ee160493d/t/611bc22091ae423e8f24d8cc/1629209120956/Recoleta-Light.ttf); } h1, h2, h3, h4, .list-section-title p {font-family: 'RECOLETAREGULAR';}
  17. Vigasan
    I personally wouldn't use spacers, you can use CSS to set a max width on your content instead. You can use the following code in DESIGN > CUSTOM CSS to apply to all pages, or wrap it with <style> before and </style> after and put in in specific page headers. .site-page{ max-width: 1200px; } You could also use CSS to hide spacers on tablet but then you'll have to target the .sqs-col-8 and make it 100% width as well.
  18. Vigasan
    I think it's a bug, all alt text is also not showing on gallery blocks and sections.
  19. Vigasan
    Same with gallery blocks and sections. Just happened last night.
  20. Vigasan
    Do you have a link to the website that I can take a look at?
  21. Vigasan
    Unfortunately since this would require a little more work, it may be easier for you to do a booking via the link in my signature. The steps are as follows if you want to try it out yourself though. Add the button into a code block in your footer Use Javascript .appendTo function to move the button after the last menu item Use CSS to style it as needed so it looks in line with the rest of the content.
  22. Vigasan
    Hey Hollie, the easiest way to do this is to upload both the mobile and the desktop images, then hide the incorrect one as needed with custom CSS. Or you could even set up a whole section for desktop and another section for mobile, and hide each section as needed.
  23. Vigasan
    Do you have a link to your website? I would add the text link only to your secondary navigation, then go to DESIGN > SITE STYLES and style your secondary navigation into a button. If you're not on a Brine template, then you'll have to use custom CSS to style the last link to look like a button.
  24. Vigasan
    There were quite a few people running into the problem so here's a quick tutorial that should help. 🙂
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources