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

Leaderboard


Popular Content

Showing content with the highest reputation since 09/12/2012 in Posts

  1. 34 points
    Update 5/26/2020: Squarespace has added the ability to add image descriptions/captions to 7.1 gallery sections. See here. There are some limitations, such as not appearing in lightbox view and not supporting multiple lines. So, the workaround below may still be of use. --------------------------------------------------------------------- Hi @dan3. Looking at the underlying gallery code, it appears that image descriptions are in-the-works to one degree or another. In the mean time, I've created a bit of code you can use to add image descriptions/captions to gallery sections in Squarespace 7.1 . View Demo Site JavaScript Insert via sitewide footer code injection. If you only want to add descriptions to some (not all) galleries, pass your own CSS selector into addGalleryItemDescriptions() (for example: "section[data-section-id='5db1f73f7a30760db464bb02']") For images within a targeted gallery that you do not want a description to appear, you must enter a space as the description (otherwise the filename will show). <script> /** * Add descriptions/captions to galleries in Squarespace 7.1. * JavaScript * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ document.addEventListener("DOMContentLoaded", function() { addGalleryItemDescriptions(); function addGalleryItemDescriptions(gs, gdzs) { var a=['querySelectorAll','section.gallery-section,\x20.gallery-lightbox','length','[class*=\x27-item\x27]:not([class*=\x27item-\x27])','getElementsByTagName','img','alt','trim','createElement','div','className','gallery-item-description','textContent','appendChild'];var b=function(c,d){c=c-0x0;var e=a[c];return e;};(function(c,d){var e,f,g,h,i,j,k;e=document[b('0x0')](c?c:b('0x1'));i=e[b('0x2')];while(i--){f=e[i][b('0x0')](d?d:b('0x3'));j=f[b('0x2')];while(j--){g=f[j][b('0x4')](b('0x5'))[0x0][b('0x6')][b('0x7')]();if(g){h=document[b('0x8')](b('0x9'));h[b('0xa')]=b('0xb');h[b('0xc')]=g;f[j][b('0xd')](h);}}}}(gs,gdzs)); } }); </script> CSS Insert in "Customer CSS", via the CSS Editor. The CSS below is very basic, adding a white box around the description and generally placing it at the bottom. You can customize to your heart's content. /** * Add descriptions/captions to galleries in Squarespace 7.1. * CSS * © @brandon (Squarespace Forum User) * This software is provided "as is", without warranty of any kind, express or implied. */ body { width: 100%; } section.gallery-section [class*='-item']:not([class*='-item-']):not([class*='-reel']):not([class*='-slideshow']) { position: relative; } .gallery-item-description { font-family: "Roboto", sans-serif; font-size: 16px; color: black; } .gallery-grid, .gallery-strips, .gallery-masonry, .gallery-reel, .gallery-fullscreen-slideshow { .gallery-item-description { position: absolute; width: 100%; bottom: 0; background-color: rgba(255, 255, 255, 0.7); padding: 2% 6%; box-sizing: border-box; } } .gallery-slideshow, .gallery-fullscreen-slideshow, .gallery-reel { .gallery-item-description { padding: 10px 25px; opacity: 1; transition: opacity 0.2s; } .gallery-slideshow-item:not([data-in="true"]), .gallery-fullscreen-slideshow-item:not([data-in="true"]), figure[style*="-9999"] { .gallery-item-description { opacity: 0; } } } .gallery-slideshow { .gallery-slideshow-list { position: static; } .gallery-slideshow-item-wrapper, .gallery-item-description { flex: 1 1 auto; } } .gallery-reel { .gallery-item-description { text-align: center; left: 50%; transform: translateX(-50%); } &[data-width="inset"], &[data-width="inset"] { .gallery-item-description { max-width: 88vw; } } &[data-width="full-bleed"] { .gallery-item-description { max-width: 100vw; } } } .gallery-lightbox .gallery-item-description { margin-top: 1em; padding: 1em 2em; background-color: rgba(225, 225, 225, 1); transition: opacity 0.1s ease-out; } .gallery-lightbox-item[data-in=false] .gallery-item-description { opacity: 0; } This is of course experimental. Do let me know how it works for you, or if you have questions. If you reply to this post, please do not quote the code in your reply. Doing so will create copies of the code which A) I would prefer not be copied and B) will propagate old versions of the code which are likely to fall out of date. -Brandon
  2. 29 points
    Pardon me if these very basic questions have been asked and answered many times, but several hours of searching turned up nothing pertinent. (1) After "going live" with a webpage, a Squarespace user wants to make some changes to a page, but does not want those changes to "go live" until she has completed a cycle of PROTOTYPING and TESTING the changes (you know, basic SDLC). How does she do this in the Squarespace 6 environment? (2) An even more basic rephrasing of the question: While I am spending, say, 30 minutes making updates to an existing, live webpage, it appears that any visitor to that webpage during that time will observe every incremental change (including inadvertent blunders, typos, etc.) that I am making IN REAL TIME. I must be missing something really obvious here, so forgive me! How do I make changes to a currently-live webpage without causing such chaos during my edit sessions? Thanks very much!
  3. 25 points
    I love the new Summary Block. And I would like to use it to let a visitor browse through excerpts of my blogposts before they dive into the posts themselves - especially the carousel option is extremely suitable for that. Bummer: when you try to implement this feature the number of blogposts that you can show is limited to 30. Would anyone now if the 30-items-limit is overridable with some piece of code that could be injected somewhere? I know that if you use blog excerpts in the regular way, the number of posts to be displayed is unlimited. But the way in which you can display them is not. And with the new Summary Block you have so many nice options for customisation... I also understand that I could implement different Summary Blocks, one after the other, each set up to cover a different time period of a blog. But it would be so much better to a have one nice, clean carousel (for instance) to cover all the posts. And since the Summary Block is especially set up to deal with blogs (among others), one would expect to have an 'unlimited option' in the first place, no :-)...? Anyway: I don't know anything about code except how to copy and paste it, so if somebody would have a solution: a step by step guide for implementing it would be extremely welcome :-) :-)... Thanks a bunch in advance!
  4. 20 points
    I want to have multiple blog contributors, but there doesn't seem to be a permission that will allow this. Is there any way to either (a) lock the other non-blog pages from contributor access, or (b) specify which pages/blogs a contributor can access and add to?
  5. 19 points
    ccbjan

    Bedford: Changing the banner height?

    I’ve been trying to change the banner/header height in the Bedford template by inserting this in the CSS editor but it’s not yielding any results. #collection-xxxxx #banner-thumbnail-wrapper { height: 50px; } Does anyone have any suggestions on what else can be done? I would also like to be able to edit the height of the banner when it’s a slideshow. Thanks!
  6. 19 points
    I have a gallery grid and am wanting to find a way of being able to hover over each thumbnail and it shows an id number for each picture. It shows the ID number on the rollover when I click and the lightbox enlarges the image, but ideally would like it to show on the gallery thumbnails also using hover. I'm not looking for anything fancy, just two words of text to show over each picture when hovering. I have NO experience with CSS (but am happy to give it a try!) so if anyone can help, please make it as simple as you can :) Could you also please let me know if the code would ALL go into the Style section of CSS. It would have been great if there was somewhere we could give a title to the images and it would show up perhaps under each photo in the grid, but unfortunately I've been told this isn't possible at the moment.I've been trying to work this out for 3 days now and would be very grateful for any help at all.Thanks for your time.
  7. 18 points
    Update: I posted a new tutorial on hiding links in navbar here, in case you are interested I see that a lot of people have the same kind of problem and the root of it is that there isn't any effective way to have a bilingual SS6 site. So if you want to make a bilingual site what are your options? the Google Translator, which is no option for me this method by SS, no an option either After a lot of research and brainstorming I came up with the conclusion that you can: Create a blog/page in your primary language of choice (X- for me that's GREEK VERSION) Duplicate each page/blog(for blogs must be done manually), modify its language (to Y- eg ENGLISH VERSION) and move them to the unlinked pages section, so their links won't be in the nav-bar In "Top Navigation" add the pages' links that you want to appear in the navigation bar eg About page, Contact etc in both languages Then with a simple CSS code you can hide the X language's pages from the Y language's blog and vice versa. So your in your English blog will appear only English pages, info in the nav bar, in Greek only Greek etc. You got it! You can put on your sidebar 2 flags or something like this and you can switch between your X-Y language blogs/pages So, all you need is that damn code. So, the code is below and it's the kind answer by: @rwilson and is given here !
  8. 18 points
    Can each Block in the layout engine have its own background colour? This would be a big way to customize the look of the templates. This has been discussed various times on here but I don’t think I’ve seen a definitive simple answer – in particular there’s been a lot of discussion across various threads that block IDs YUI seem to change so targeting a block ID with color doesn’t seem to work permanently. Colored blocks are pretty standard now on major websites as a way of structuring different types of content. See the examples below:
  9. 17 points
    I want to add a "Scroll to top" button to my website. Can you help me about how to create it? Thanks.
  10. 16 points
    Google is transitioning its Analytics offering over to a new structure that has, among other things, a different Javascript call to post analytics data. Can this be supported via a Squarespace configuration rather than needing to insert custom code in a template?
  11. 16 points
    As brought up here: http://answers.squarespace.com/questions/8532/folder-navigation-top-folder-doesnt-link-to-anything-can-i-get-it-to-or-remove-link-behavior Folders should have a click through link so that it can be clicked to go to another page. It should work the same as a regular folder in that it should still have an active colour if that has been set so that if you are on a page that is held within that folder or the page the folder link is connected to the "active color" works. Please vote up if you agree. Another possible option is to make a special kind of page that works like a folder in that anything placed under it shows up in navigation as a drop down but it is also a normal page and can have content on it. That would save having to create a special no linked page that works with the pass through. Maybe have a check box or such for people that want it to just act like a normal Folder.
  12. 15 points
    Specifically, I'm using Aviator and on my services page I have a lot of entries that are service name with explanations underneath. I'd like the explanations to be hidden initially so visitors only see the list of services. Then they would have the option to expand the explanations under the services they want to read more about. For example Service Name (visitor would click name to open text underneath)[explanatory text here would remain hidden until user clicks service name, then expand to be read] Is there any way to do this?
  13. 15 points
    I want my website to be bilingual, in French and English. I am currently using the Devlin template. What are my options to make make this bilingual? I am aware that there is a Google translator option but I cannot see what the end result will be like. I can’t find examples. I can translate all my pages on my own but I need a button in the navigation bar that allows me to switch between both English and French on every page. Is this possible to add within a template? Thanks in advance for your help.
  14. 14 points
    I am using the Five template and have set up a folder style navigation. Is it possible to get the top level navigation (the folder) to go to the first sub-page when clicked? Currently there is no way to get it to go anywhere. In Squarespace 5 you could set a page to be the default page of the folder when the folder was clicked. When you rollover the folder it behaves like a link so from a usability stand point it should link to something. If I can’t get it to link, can I remove the “looks like a link” behaviors (e.g. rollover color change, mouse pointer change) just on the folders? I am also having trouble with the drop-downs disappearing when I rollover them to click. This is another reason I want to be able to click the folders – when I am testing I can’t get to my subfolders!
  15. 13 points
    Hey everyone! This month, we are excited to have Matt Callahan, founder and CEO of Delphi and Squarespace Expert in the Marketplace, answer your biggest questions about SEO. Delphi is a strategic marketing and design agency headquartered in NYC. They offer a full suite of design and marketing services, while specializing in Squarespace website development and SEO. SEO (search engine optimization) is the process of making your site better for search engines, so that when people search for products or information that you offer, your website is more likely to appear in their search results. Optimizing your site for SEO could mean more site traffic, and potentially increased revenue. There are a lot of SEO tactics and tools, and the best practices are constantly changing, which is why Matt is here to answer any questions people in the Squarespace community have about optimizing their site’s SEO. Please reply to this topic with any questions you have by Monday April 6th, 8pm EDT! If you see any questions you want to see answered, simply like the question. Matt will answer the top 10 most liked questions.
  16. 13 points
    I have a few JavaScript files that I need to upload (such as jQuery Waypoints - among others). Where do these get uploaded?
  17. 13 points
    I am trying to achieve a full width background color behind a code block on my website. The code block has two divs - one for the background color, and one for the content.The CSS I am using at the moment is as follows: #Bio { background-color: #e5e5e5; margin-left: -600px; margin-right: -600px; } #BioWrapper { margin: 0 auto; padding: 40px 600px; } So basically I am playing around with margins and padding to get the effect, but it then creates extra space to the right, causing unwanted scrolling. This is the page I am working on: http://blussh.com.au/about/The grey area with the heading 'heids' is where I am trying to achieve this full width background color. I am hoping there is an easy fix to my CSS - can anyone help?Thank you!
  18. 13 points
    jgoldy492

    Adding a video background?

    I am trying to make a landing page in a similar style to this one:http://gravitymovie.warnerbros.com/ I am wondering if there are any methods y’all have found for creating compelling looping video backgrounds with Squarespace. I am currently using the Frontrow template and would love to loop video in the background. Any help would be hugely appreciated! -Jimmy
  19. 12 points
    Mkibby

    7.1 is horrible right?

    Has anyone who has previously used Squarespace and was familiar with the design process tried making a new, from scratch site using 7.1? All of the Design customization is GONE! There's a super convoluted way to go in and customize in settings, but you still have way less control than before — not to mention the templated font combinations are TERRIBLE. Is there any way to go back and use the old Squarespace??! Is any one else as angry about this as I am? It's like Squarespace decided they wanted to make the design process baby boomer-friendly, since... yanno, that is who is designing the vast majority of websites.
  20. 12 points
    I'm want to use Google Analytics to track conversions from my Squarespace 6 site - those conversions being a completed form on the site - but cannot find a way to include the code in the submission button or the form submitted page. Does anyone know of a workaround to allow me to track completed forms?
This leaderboard is set to New York/GMT-04:00
×
×
  • Create New...