Nick Scola
Member-
Content Count
225 -
Joined
-
Last visited
-
Days Won
4
Everything posted by Nick Scola
-
Five: Keep header and navigation bar visible when scrolling?
Nick Scola replied to jamesa's question in Coding and Customization
Okay for those buttons on the top left it will require some jQuery. Here's what I have in my code injection - header. Very simple. Now you just need to customize it a TAD to make the buttons be inline instead of a block: http://pastebin.com/Fqai2sPP A lot of ways to go about this with jQuery. I just went with one of the methods. -
Five: Keep header and navigation bar visible when scrolling?
Nick Scola replied to jamesa's question in Coding and Customization
@pixxbee thanks. Now what do you want to be fixed? Navigation? The logo + navigation? etc. I have an example on my site: http://www.nickscola.com scroll down and you'll see. -
Five: Keep header and navigation bar visible when scrolling?
Nick Scola replied to jamesa's question in Coding and Customization
@pixxbee, could be the template you're using. What is your URL? -
Five: Keep header and navigation bar visible when scrolling?
Nick Scola replied to jamesa's question in Coding and Customization
Oops I forgot to apply this code as well: z-index: 999; I've just updated the code. The Hero image is the banner image. Your header is the navigation + sit logo. -
Five: Keep header and navigation bar visible when scrolling?
Nick Scola replied to jamesa's question in Coding and Customization
Okay paste this in Custom CSS: body.top-navigation-position-below-banner #navigation-bottom { position: fixed; top: 0; border-bottom: none; z-index: 999; } #page-header-wrapper { margin-top: 180px; } Now for mobile fix: @media screen and (max-width: 640px) { #page-header-wrapper { margin-top: 0 !important; } } -
How do I add padding between images in a slider gallery?
Nick Scola replied to bshoop's question in Coding and Customization
I'm not sure if it does since I use it on multiple sites and it works like a charm. But found one of the solutions. -
How do I add padding between images in a slider gallery?
Nick Scola replied to bshoop's question in Coding and Customization
Multiple ways to do this, but heres a simple way. .sqs-gallery-design-strip-slide .sqs-wrapper img:not(:last-child) { padding-right: 10px; } -
Switching between languages – Multilingual
Nick Scola replied to DavidF's question in Coding and Customization
This tutorial for the consumer platform is long overdue by me and I do apologize. Please note: http://multilingual-help.squarespace.com/ there are 2 templates which tech. work without my tutorial. My tutorial is simply for all templates. Here is the tutorial (brand new site design check it out!): http://www.nickscola.com/journal/2013/7/12/multi-lang-tutorial-on-consumer-platform Nick -
Create a Gallery slideshow that FADES between images?
Nick Scola replied to alanmitchell's question in Coding and Customization
I'm not sure when Squarespace plans on releasing the "fade" transition on the consumer platform but I do for a fact you can do this. Was playing around with it in the developer platform. Just hold on tight I guess. -
Create a Gallery slideshow that FADES between images?
Nick Scola replied to alanmitchell's question in Coding and Customization
Flash is dead. Use jQuery sliders. -
Paste this in Custom CSS: .collection-type-blog article footer .tags { display: none; }
-
Which template are you using? Not all templates are the same when it comes to the tag class / id name.
-
Does Squarespace have an Events collection?
Nick Scola replied to jasonbarone's question in Coding and Customization
This is an example of the events collection being used: http://austin.squarespace.com/ -
How do I remove “price” “add to cart” and “quantity” fields in the Store?
Nick Scola replied to jnewell's topic in Commerce
Little side note you shouldn't use CSS in the code injections. Use the custom css found in the style editor. -
Aviator: CSS for removing header on a single page?
Nick Scola replied to christined1570047695's question in Coding and Customization
A little tip each page has its own ID number. For your deepbranch page all you have to do is insert this code into your custom css: #collection-50b68580e4b0bff132969518 #title-area { display: none !important; } -
How do I change Heading (ie H2, H3) Hyperlink Color ?
Nick Scola replied to BigInScience's question in Coding and Customization
h1 { font-size: 24px; font-weight: 600; color: #333; } h2 { font-size: 21px; font-weight: bold; color: #222; } h3 { font-size: 18px !important; font-weight: normal; color: #333; } That should work no matter what. If the changes don't show just add an important tag. -
How do I change Heading (ie H2, H3) Hyperlink Color ?
Nick Scola replied to BigInScience's question in Coding and Customization
Yes, the code should work for every single template. You might have to add !important every once in a while depends. Some templates have a different active link class. .active-link a { color: #fc8002; } is an example. You can find out if you inspect the element with the browser or firebug. -
Does Squarespace have an Events collection?
Nick Scola replied to jasonbarone's question in Coding and Customization
Yes and no...just not updated as you know. -
How can I change the appearance of blockquotes?
Nick Scola replied to prolost's question in Coding and Customization
Here is my CSS for my personal site. Hopefully, you can manage to swap in what you want. .quote-block .quote { background-color: #f5f5f5; padding: 30px 20px 30px 55px; font-family: Georgia, serif; font-size: 14px; letter-spacing: 1px; font-style: italic; blockquote { margin: 0 30px; } span { display: block; font-size: 64px; margin-left: -55px; margin-bottom: -45px; padding-top: 20px; &:last-child { display: none; } } } .quote-block .source { background-color: #eee; color: #4cb982; padding: 5px 20px; font-style: italic; } -
How do I change Heading (ie H2, H3) Hyperlink Color ?
Nick Scola replied to BigInScience's question in Coding and Customization
To make your code A LOT MORE SIMPLE use this for example: h2, h3 { color: #0c08c1; a { color: #fc8002; &:hover, &:visited, &:active { color: #fc8002; } } } -
Create a Gallery slideshow that FADES between images?
Nick Scola replied to alanmitchell's question in Coding and Customization
Hopefully, this will be added in soon, but I would also LOVE a slide transition. -
Can I create a forum on my Squarespace site?
Nick Scola replied to jessewaugh's question in Coding and Customization
Ya, you can't get away from that. If you even look at the sqsp forums your required to create a new account. -
Can I upload a SVG file to the image block?
Nick Scola replied to ZomZom's topic in Images and Videos
Not 100% sure if it will work, but why not convert the svg to png? I don't really mess with SVG files, but I do know there are conversions out there. -
Can I create a forum on my Squarespace site?
Nick Scola replied to jessewaugh's question in Coding and Customization
Well, V5 supports a discussion form. However, like you stated you installed a phpBB forum. Well, I know there are free phpBB hosting out there. From my POV you have 2 options here. Just host the forum on another site and use an iframe to embed your phpBB onto your site. Easiest and worst way, since it can cause some side effects. Linking is almost impossible. Host the forum on another site and edit the appearance of the phpBB template to look like the rest of the website. Then just create an external link in the Squarespace config linking to the forum. I forgot if Squarespace has a new disc