Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

MagneM

Member
  • Posts

    175
  • Joined

  • Last visited

Everything posted by MagneM

  1. Hi @patstant Paste this into Code Injection or Per-page Code Injection. Learn how: https://support.squarespace.com/hc/en-us/articles/205815908 <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ window.setInterval(function(){ $(".overlay-controls.right-control").click(); }, 2500); }); </script> (2500 = 2.5 seconds) If you don't want the left/right arrows use this CSS: .collection-type-gallery .overlay-controls.left-control { cursor: auto; } .collection-type-gallery .overlay-controls.right-control { cursor: auto; } I hope this was helpful to you.
  2. Hi @gleemedia I'm glad I can help 🙂 First you need to upload an image to the CSS Editor. Learn how: https://support.squarespace.com/hc/en-us/articles/206545567 It should be at least 2500 x 1440px, and max 100kb. Your code will look like this: .Mobile-overlay-back { content: url(your image); }
  3. Hi @Towsley The easiest way is to put the text in image/title-description, and push the text-box down below the image(s) using CSS. Let me know if you need help. Magne
  4. Hi @JJirka https://support.squarespace.com/hc/en-us/articles/206232858#toc-link-to-external-sites
  5. Hi @gleemedia Set it to something like 6000px in Site Styles. Let me know how it goes
  6. Hi @gleemedia This is some of the code I used: @media only screen and (min-width: 640px) { .Mobile-overlay-menu { width: 55vw; } .Mobile-overlay-nav { padding-left: 2em; } .Mobile-overlay-nav-item { font-size: 4vw !important; } .Icon--close { display: none !important; } }
  7. @JessyAllison Hi Jessy, By default the folder-title in Wells has a white underline. Add this code if you want to change the color: .mobile-folder a { border-color: black !important; } Magne
  8. Hi @Nyimas Insert the code below into Page Header Code Injection. Open your homepage while in the Pages panel. Hover over the content area. Click Settings. In the Page Settings window, click Advanced. <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ window.setInterval(function(){ $(".overlay-controls.right-control").click(); }, 2500); }); </script> (2500 = 2.5s) I hope this was helpful to you.
  9. Hi @rikkiprice This worked for me: .Header-nav-folder { text-align: center; line-height: 1em; padding: 0.7em; } .Header-nav-item--folder { font-size: 25px; } .Header-nav-folder-title { font-size: 25px; margin-left: 4.5em; }
  10. Hi @Shume27 You can try something like this: .header-inner { width: 50%; } Paste it into Design > Custom CSS.
  11. Hi @AdrienneN Paste this code into Design > Custom CSS: .image-description strong { display: none; }
  12. @cami00 Hi Coral, Are you sure you don't have this option in Site Styles?
  13. Hi @bwf123 Inject this code into Page Header Code Injection: <style> .thumbnail-toggle { visibility: hidden; } </style> Open the page while in the Pages panel. Hover over the content area. Click Settings. In the Page Settings window, click Advanced in the top-right corner.
  14. Hi @Vanos https://support.squarespace.com/hc/en-us/articles/206543817-Index-Pages https://support.squarespace.com/hc/en-us/articles/207135178-Creating-anchor-links https://support.squarespace.com/hc/en-us/articles/206543827-Creating-text-links If you need help contact Customer Support: https://support.squarespace.com/hc/en-us/requests/new#choose-topic
  15. Hi @paisandhaze You can do this in Site Styles. Watch the video, or scroll down to Step 4: https://support.squarespace.com/hc/en-us/articles/205815278-Changing-colors
  16. @sherilai Hi Sheri, Yes you can. In a Brine index page with eg four sections - /jerry, /joe, /jack, /jeff - but only jerry snapped the code would be: <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : ".Index-page", standardScrollElements: "#joe, #jack, #jeff", }); }); </script> Magne
  17. @Phil_912E Oops .. 🙂 Assuming it's an index page you can add a section with a text link, eg h2, and use this CSS: h2 a { bottom: 50vh; position: fixed; z-index: 10; border-bottom: none; } (In Site Styles do not apply the minimum height to all pages). If it does'nt work, share a link to your website and which template. Also tag some experts, like @tuanphan etc.
  18. @Phil_912E Hi Phil, The text in your first image is the default position. Use enter/return on your keyboard to move the text vertically. Both will remain 'static' while you scroll up/down the page. To create a text link, learn how: https://support.squarespace.com/hc/en-us/articles/206543827 (If your template supports 'parallax scrolling' make sure it's disabled in Site Styles)
  19. https://support.squarespace.com/hc/en-us/articles/115008374348
  20. Hi @simonanthony Watch the video, or scroll down to Step 4: https://support.squarespace.com/hc/en-us/articles/205815278-Changing-colors
  21. Hi @rod Skip opacity and replace the background with: background-color: rgba(231, 97, 32, 0.2)
  22. Hi @loftcreativegroup I used this CSS: #overlayNav { width: 70%; } #mobileNavigation a { font-size: 20px !important; line-height: 2em !important; }
  23. @mattdaley (Nueva template) If the Gallery Slideshow is within an Index-page you can do this in Site Styles. @Munna (Ishimoto template)
  24. Hi @Munna Inject this code in Settings > Advanced > Code Injection, or Per-page Code Injection. Learn how: https://support.squarespace.com/hc/en-us/articles/205815908 <script> YUI().use('event', function (Y) { Y.on('domready', function () { window.Site.slideshow.set('designOptions.speed','0.1').initializer(); }); }); </script> (It's from a thread in the now extinct 'Answers')
×
×
  • Create New...