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


  • Content Count

  • Joined

  • Last visited

  • Days Won


Everything posted by squareology

  1. What's your site, and what are you looking to do exactly?
  2. Upload the image at the size/resolution you'd like it to display on your site.
  3. Might need to add the Important declaration: header#header { position: fixed !important;}
  4. Using @octopus' code with a couple tweaks: #mobile-navigation-title { background: url("XXX") no-repeat center; text-indent: 100%; height:100px; } #mobile-navigation #mobile-navigation-label { background:transparent; color:black; } You can adjust the mobile navigation button, it was showing up as a black square with grey lines but this way can be a transparent square with black lines. Add it to your Custom CSS Editor. You can upload files directly to the Custom CSS editor for use in the background URL, just replace XXX with the URL of the image file. I also found that the height didn't expand with the image, so the height needs to be set manually. Use Device View to check how it looks.
  5. Add this to the Page Header Code Injection: <style>#banner-area-wrapper { display: none }</style>
  6. To justify text on just one page, add it in Style tags in the Page Header Code Injection like this: <style> body p, .sqs-layout .sqs-block.html-block p { text-align: justify !important; } </style>
  7. This is a simple Custom CSS solution to adjust the text color, if you have a Button block on a regular page: .sqs-block-button a {color:#000 !important;} .sqs-block-button a:hover {color:#fff !important;} Add Style tags and put it in the Page Header Code Injection to affect only that page: <style> .sqs-block-button a {color:#000 !important;} .sqs-block-button a:hover {color:#fff !important;} </style>
  8. @rachelpp - the class is .description, so the code would look like this: <style> .title { font-size: 18px !important } .caption { font-size: 14px !important } .description { font-size: 10px !important; } </style>
  9. @Danileh Have you tried a Summary block? It will work for this, you'd just need to add the videos to a Gallery Page first. https://help.squarespace.com/guides/using-the-grid-summary-block
  10. Hi Rachel, Could you provide the URL to that form on your site? I'd be happy to take a look. You can find class names and IDs for CSS using the Inspector tool in your browser. Here are guides to using the Inspector tool with Safari, https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector Firefox https://developers.google.com/chrome-developer-tools/docs/overview and Chrome https://developer.apple.com/technologies/safari/developer-tools.html
  11. Add this to your Custom CSS .item-time, .flyoutitem-datetime {display:none !important;}
  12. This code works for me: #page, #content {max-width: 95% !important;}
  13. If all you want to do is make the play button black instead of white, here's all the CSS you need: .sqs-video-wrapper .sqs-video-overlay .sqs-video-icon { background-image: url("/universal/images-v6/icons/icon-video-48-dark-solid.png"); }
  14. .collection-type-gallery.hide-meta .meta #simpleControls { display: none !important; } .collection-type-gallery.hide-meta .meta #dotControls { display: block !important; } .collection-type-gallery.hide-meta .meta #numberControls { display: none !important; } Use this with the CSS in the previous Answer. You can add this code to adjust which type of controls it uses. This will show the dots, but change the display for #dotControls to 'none' and the #numberControls to 'block' if you want numbers instead.
  15. This is some CSS that affects these settings, add it to the Custom CSS Editor: .title { font-size: 14px !important } .caption { font-size: 10px !important } Or, if you need it on just the one page, add it to the Page > Settings > Advanced > Page Header Code Injection (Per-Page Code Injection): <style> .title { font-size: 14px !important } .caption { font-size: 10px !important } </style>
  16. Note: You don’t need to use the block ID if you don’t mind all the Grid Gallery Blocks on your site showing these titles. Just add this to the Custom CSS Editor: .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block } Or, add this to the Page Header Code Injection to have this affect all the Grid Gallery Blocks on a single page: <style>.sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { display: block }</style>
  17. This depends on the JavaScript being used, but usually it goes in the head, Adding custom HTML, CSS, and JavaScript. Sometimes it needs to be in the body instead (in a Code block). What are you looking to do?
  18. You can use Post-Submit HTML in the advanced tab of the Form block settings, just add a javascript redirect example: <script type="text/javascript"> var url = "https://google.com"; // IE8 and lower fix if (navigator.userAgent.match(/MSIE\s(?!9.0)/)) { var referLink = document.createElement("a"); referLink.href = url; document.body.appendChild(referLink); referLink.click(); } // All other browsers else { window.location.assign(url); } </script> EDIT: This code has been updated to use window.location.assign(url) instead of window.location.replace(url), to fix an issue with the back button not working correctly. Thanks @AdySmiles and @Bernard West ! :)
  19. If you want this to affect only the homepage (or any other single page), add it to the Page Header Code Injection in the Advanced tab of your Page Settings, and add Style tags around the code like this: <style> .transparent-header.view-list .banner-thumbnail-wrapper, .transparent-header.collection-type-page .banner-thumbnail-wrapper { padding: 180px 0 155px; } </style>
  20. First, make sure a logo image is uploaded (this only works if you have a logo image for your site, not a Site Title), then hide the default logo by adding this to the CSS Editor: #logoWrapper {display:none !important;} Then, add your Logo Image as HTML within a Navigation Link. You'll need to get the URL to your logo file -- you can upload this to your site using the File tab of any link, and it'll appear in your /s/ folder here: http://www.yourdomain.com/s/filename.png Add a Navigation link, and use this as your Navigation Title: <img src="http://www.yourdomain.com/s/filename.png"> Replace "http://www.yourdomain.com/s/filename.png" with the actual URL for your logo image, and for the link, choose your homepage.
  21. To allow all Image Blocks to appear at the same width as your banner image in the page, use this code in your Page Header Code Injection: <style> #page, #content { padding: 0 !important; max-width: 100% !important; } .sqs-block.image-block { padding-top: 0 } </style> This will remove the padding from the Page Content area and the Image blocks on that page. You could add this to Custom CSS Editor instead to remove this for all Pages on your site: // Page Side Padding #page, #content { padding: 0 !important; max-width: 100% !important; } // Image Padding .sqs-block.image-block { padding: 0 }
  22. Add this to your Page Header Code Injection to have it affect only one page: <style> #page { padding: 32px; } </style>
  23. You could also try this: .sqs-block-image { padding-bottom: 0 !important }
  • Create New...