Jump to content

Spark-Plugin

Member
 View Profile  See their activity

  • Posts

    132

  • Joined

  • Last visited

 Content Type 

Everything posted by Spark-Plugin

  1. Spark-Plugin
    Hi @DisplayNameRequired, did you check the line-height? Try reducing it and see how it goes. Alternatively, we can add some CSS to resize the text on mobile only.
  2. Spark-Plugin
    Hi @AC_design, you can do that by using the following code: Navigate to Pages > Website Tools > Custom CSS. Paste the following code into the CSS editor. Hit Save and you’re done .sqs-search-preview-ui .sqs-search-ui-result .sqs-search-ui-list .search-result .sqs-search-ui-item .sqs-content { font-size: 12px; line-height: 1.4em; color: black !important; } Hope it helps!
  3. Spark-Plugin
    Hi @kmoff. Please replace your code with the one below, and replace the block ID with your own ID. See attached screenshots for reference: /* 3 Columns */ @media screen and (max-width:767px) { div#block-9e7ab9317d1c4b23b935 .slide { width: 33.333% !important; } } /* 2 Rows */ @media screen and (max-width:767px) { div#block-9e7ab9317d1c4b23b935 .slide:nth-child(n+7) { display: none !important; } }
  4. Spark-Plugin
    Hello again @CFlo1. Defnitely. You can reduce it by going into its settings, please see the attached video: Screen Recording 2024-10-02 at 09.39.05.mov
  5. Spark-Plugin
    Hi @Kacy-Jung, you can do that by using the following code: Navigate to Pages > Website Tools > Custom CSS. Paste the following code into the CSS editor. Hit Save and you’re done. #block-68e8247821aaf242f1e7{ margin-top: 25px !important; } Let me know if that works. Thanks!
  6. Spark-Plugin
    Hello @IndianaGirl! That is definitely possible! Please check the attached screenshot—if that's what you're looking for, go ahead and use the following code. Also, with this code, you can add as many IDs as you need by simply separating them with a comma: #block-11e7f5a733462b83320f h1 { text-shadow: 3px 5px 3px rgba(0,0,0,.6); } Hope it helps.
  7. Spark-Plugin
    Hi again, @Groei. Please replace the old code with the updated one and let me know how it goes: /*dropdown menu*/ .header-nav-folder-content { background: #fff !important; background-color: rgba(255, 255, 255, 0.8) !important; } /* underline width */ .header-nav-folder-item a { display: inline-block !important; } /*underline currently active title*/ nav a::after { border-bottom: 0.5px solid #000000; content: ''; display: block; position: relative; width: 0%; } nav a:hover::after, nav .current-menu-item a::after { width: 100%; }
  8. Spark-Plugin
    Hi @CharlieHNZNeu21. Please add the following code and see how it goes. Also, check the attached screenshot to see if that’s what you’re looking for: .header-menu-nav-wrapper .container:nth-child(3) a, .header-menu-nav-wrapper .container:nth-child(4) a, .header-menu-nav-wrapper .container:nth-child(5) a, .header-menu-nav-wrapper .container:nth-child(6) a, .header-menu-nav-wrapper .container:nth-child(7) a { font-size: 15px !important; } .header-menu-nav-wrapper .container:nth-child(3) a{ margin-top: 50px !important; } .header-menu-nav-wrapper .container:nth-child(8) a{ margin-top: 50px !important; } Do let me know how it goes!
  9. Spark-Plugin
    Hello @CFlo1. You can use a standard testimonial section and then stylise it according to your needs. Please see attached screenshots. Let me know if that helps. Thanks!
  10. Spark-Plugin
    Hello @shin322, you can try the following code. Just make sure to adjust the px values from the first line only (.top-bum) .top-bun { margin-top: 20px !important; margin-bottom: 20px !important; } .header--menu-open .header .header-burger .bottom-bun { margin-top: 20px !important; margin-bottom: 20px !important; } Give it a try!
  11. Spark-Plugin
    @kmoff, and also the CSS you added, thanks!
  12. Spark-Plugin
    Hello @nathanperkel,Have you fixed it yet? The captions are showing up fine on my end. Let me know if you still need help. Thanks!
  13. Spark-Plugin
    Hey @clementinedesigner. That’s very easy to do. Just replace your code with the one I provided below. To adjust the padding, play around with the px values: .header-nav-item a:hover { background: black! important; color: white !important; padding-right: 13px !important; padding-left: 13px !important; } Let me know how it goes!
  14. Spark-Plugin
    Hello @LouiseDrever, are you using any custom code? Did you try logging out and logging back in from Squarespace or even clearing your browser’s cache?
  15. Spark-Plugin
    Hi @Emily123 Did you fix it yet? On my end it looks fine.
  16. Spark-Plugin
    Hi, @kmoff. Can you share your site’s url? Thanks!
  17. Spark-Plugin
    @shin322 Then, if you are in a business plan or above, you can try the following code: Navigate to Pages > Website Tools > Code Injection. Paste the following code into the HEADER editor. Hit Save and you’re done. <meta name="theme-color" content="#fff"> Hope it helps.
  18. Spark-Plugin
    Hi @regera, You can try the following if you have a business plan or above: 1. Go to Pages. 2. Hover over the page name where you want to apply the code, and you’ll see a gear icon—click on it. 3. Go to Advanced. 5. Paste the code below, click Save, and you’re all set. This will make the navigation links white on your homepage only. <style> .header-nav * { color: #fff !important; } .header-title-text a {color: #fff !important;} </style> Let me know how it goes.
  19. Spark-Plugin
    Hi @shin322 You can try this: Go into your color themes and locate the main one that’s being used as the default for your site (it’s probably the one that automatically shows up when you add a new section) Once you’ve found it, look for the Background option and set it to the color you want for the top and bottom bars on Safari mobile. Give it atry and see how it goes.
  20. Spark-Plugin
    Hi @juliejc5. I had a look into the source of this website, and there’s no tempate information. This means it was made from scratch. Squarespace 7.1.
  21. Spark-Plugin
    Hello again @lancewilson. Gald it worked. Sure it is. The code you’re looking for is right below this line, just replace the one I gave you previously with this one. You can change the px values if needed: .gallery-lightbox-item img { object-fit: contain !important; } .gallery-lightbox { padding-top: 13px !important; padding-bottom: 13px !important; }
  22. Spark-Plugin
    You’re welcome, @Tanaeja.
  23. Spark-Plugin
    Hi again, @wellnesswithlouwalker. You’re welcome. Yes, for the read more text you can addd the following code: .blog-more-link { font-family: 'PossibleRegular',alternative-web-safe-font !important; } Hope it helps!
  24. Spark-Plugin
    @Petrichor, perfect! Yes, now is way better. I would just resize it a liite bit more so it looks better on smaller devices like tablets.
  25. Spark-Plugin
    Hello @Tanaeja. This is currently not possible. You can try using a Summary Block, though it might not be the best option. Alternatively, you can use a plugin—what you’re looking for is called "infinite scrolling." A quick search online should help you find some free or paid plugins. Hope this helps, and have a great weekend!
×
×
  • 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