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

brandon

Circle Member
  • Content Count

    2,133
  • Joined

  • Last visited

  • Days Won

    29

Everything posted by brandon

  1. Cool. I'll try to take a look at the other question soon. Do keep in mind, people here may be more likely to help if they see that you take the time mark answers as 'accepted' if in fact they are the right answer for you.
  2. I edited the code in my second answer. It's much simpler now (assuming that you removed the previous code). Regarding your comment about the aspect ratio of the images: capping the max-width does not affect the rendering of the images, or their aspect ratio. If you remove the code and expand and contract the width of your browser from very wide to very thin, you'll see that those images change aspect ratio throughout the entire range. That is how that particular template is designed. Capping the max-width simply stops that scaling at a certain point, once that max-width is reached.
  3. New answer for you: The following code will limit the width of the entire website on the York template. It also prevents the height of other elements within the website from growing. /*Prevent York Template from expanding infinitely in height/width*/ /*Limit width of entire site.*/ #site { max-width: 1400px; /*Adjust as desired.*/ margin-right: auto; margin-left: auto; } /*Prevent header growing in height infinitely.*/ #header { margin-top: 5%; } -Brandon If this or any other answer helps you out, please give credit where credit is due and Accept and/or Up-Vote that answer. If it didn't help, feel free to inquire further or wait and see what others have to say. Code is provided without any warranty, expressed or implied.
  4. @joshuar87 Great. If you wouldn't mind marking my answer as accepted, that'd be appreciated.
  5. Hi Matt. It's always a good idea to check the style editor to see if you can adjust the setting from there. It sounds like you've done that. In which case, you can try inserting this CSS into the CSS editor. #page { max-width: 980px; /*Adjust this number as desired.*/ } -Brandon If this or any other answer helps you out, please give credit where credit is due and Accept and/or Up-Vote that answer. If it didn't help, feel free to inquire further or wait and see what others have to say. Code is provided without any warranty, expressed or implied.
  6. Hi all. This works for me: {## <p>This code won't appear.</p> <p>Neither will this.</p> {website.id} <!--This won't show either.--> Nothing in here will render. ##} EDIT: Squarespace has published the 'comment directive': {# This is a single line comment} {##BEGIN} This is a longer, mulitline comment {##END} But this also works for me, as does my initial example: {##} This is a longer, mulitline comment {##} -Brandon If this or any other answer helps you out, please give credit where credit is due and Accept and/or Up-Vote that answer. If it didn't help, feel free to inquire further or wait and see what others have to say. Code is provided without any warranty, expressed or implied.
  7. Update 10/24/2019: Add this via the CSS Editor, save and refresh: /* Add this first bit to get more flexibility in height. */ .sqs-layout.sqs-editing .sqs-block, .sqs-block-spacer-content { min-height: 0px !important; } .sqs-block-spacer .sqs-block-content { height: 0; } /* Add this second bit too if you want to be able to go to zero. */ .sqs-block-spacer { padding-top: 0 !important; padding-bottom: 0 !important; } If a response helped you out, show some love by 'Like' (bottom-right) and/or 'Upvote' (top-left). Note that the minimum width of a spacer block isn't dictated by the block, but by Squarespace's grid system. It's not an issue with the spacer block, but it's the minimum width of any block on Squarespace (technically, it's the minimum width of columns). Messing with grid column width requires a case-by-case evaluation and code-writing. Original Answer: Hi @joshuar87. I've run into this in the past as well. The minimum height of the spacer block can seem too high for some instances. The minimum height seems to be based on a combination of your templates default 'line-height' property, the default top/bottom gutter height (17px), and an arbitrary minimum padding set by the SS system. Finally, a min-height rule limits the spacer block when dragging it up and down in LayoutEngine. It is possible to override these values by inserting the following CSS into the CSS Editor. Save, then refresh the page. /*Remove minimum spacer-block height*/ .spacer-block { padding-top: 0; padding-bottom: 0 !important; } .spacer-block .sqs-block-content { line-height: 0.0em; } .sqs-layout.sqs-editing .spacer-block { min-height: 0; } /*End remove spacer-block height*/ Keep in mind that if Squarespace changes their code, this kind of CSS can stop working at any time. Let me know how this works for you. -Brandon
  8. Yes, here is a suggestion. First, check your style editor and be sure that there is not simply an option there to disable the 'fixed' header. If you don't see an option in your style editor, you can use the following CSS inserted into the CSS Editor: .header-announcement-wrapper { position: static; } #page { margin-top: 0 !important; } Remember, the CSS Editor and the Style Editor are different editors. The style editor is where you have simple options to change the template. The CSS editor allows you to insert code. -Brandon
  9. @michaelhull Hi. This should be do-able. The following CSS restyles the default next/previous arrows. Insert this using the style editor. .sqs-gallery-controls { background-color: white; padding-top: 25px } .sqs-gallery-controls .previous, .sqs-gallery-controls .next { background-color: transparent; margin-top: 0; padding: 0 !important; line-height: inherit; position: static; } .sqs-gallery-controls .previous:hover, .sqs-gallery-controls .next:hover { background-color: transparent; } .sqs-gallery-controls .previous::before, .sqs-gallery-controls .next::before { color: #2E2E2E; width: inherit; font-size: 10px; font-family: inherit; } .sqs-gallery-controls .previous::before { content: "PREV"; } .sqs-gallery-controls .next::before { content: "NEXT"; } .previous::after { content: "/"; color: #2E2E2E; margin-left: 5px } Do keep in mind that code like this can break if SQSP changes the template code. Also, I didn't test this across your site. If you're using galleries in other places, it might negatively affect them. So you'll need to test and tweak as necessary. Also, a disclaimer that I can't guarantee or warranty the results of using this code (use at your own risk). Finally, if this code helps you out, consider marking this answer as accepted. Or, inquire further or wait and see what others here have to offer. -Brandon
  10. Another thing that may help you is Express Checkout. As you experiment with making Squarespace commerce fit into your user flow, you may find that enabling it makes one less step for users. https://support.squarespace.com/hc/en-us/articles/206540817-Express-Checkout And finally, maybe what you need is not a product with a form on it, but a form that is filled out at "checkout". This is also an option: https://support.squarespace.com/hc/en-us/articles/206540907-Creating-a-custom-checkout-form
  11. Hi there. The answer is that, in Squarespace, you wouldn't add a payment option to the form, but rather it'd be the other way around. You add a form to a product. See the following link about Service Products. https://support.squarespace.com/hc/en-us/articles/206540867 You'll see near the bottom of that page it mentions adding a form...that's the ticket! That's the direction you want to go. If this answer is helpful, consider marking it as accepted. Or feel free to inquire further. -Brandon
  12. Hello @wlinard: You can use this CSS, inserted via the CSS Editor to invert the color of the image on the home page only. Do keep in mind that this only works on the latest browsers. Older browsers don't support it. .homepage .Header-branding-logo { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } If you need to support older browsers, you're going to need a combination of solutions (see comments at bottom). Also, keep in mind that if Squarespace ever changes the code on your template, this code that I've provided may break and need to be updated. If this answers it for you, consider marking this answer accepted. Or wait and see what others offer up. You can inquire further as well! -Brandon PS: Code is provided without any warranty, expressed or implied. Use at your own risk.
  13. Hi @michaelhull FYI: I posted an answer, but it's apparently awaiting moderator approval before it's visible. I don't know what priority SS puts on this moderation process. If you don't see the answer after awhile, you might have to bug them.
×
×
  • Create New...