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

brandon

Circle Member
  • Content Count

    2,189
  • Joined

  • Last visited

  • Days Won

    29

Everything posted by brandon

  1. It's almost always best to provide the URL to the site/page in question along with the view-only password if necessary (for sites in trial mode, etc.). However, in this case you may not even have an example page setup. Here's an example in Brine which I whipped up. It uses "card" style image blocks in a single index section/page. Of course, your page ID would be different, and you'd probably want to more specifically target the section. You'll also want to mess with the padding on the text in order to get it where you want. You could do the same thing with regular 'ol image and text blocks and would probably have a bit more flexibility, but I figured this was good enough to serve as a proof of concept for you so as to answer your question, "yes". #page-5d9e40adc1c17f087e491930 { background: ~"linear-gradient(#BBB, #BBB) no-repeat center/1px 100%"; /*https://stackoverflow.com/a/53551089/5338581*/ } .design-layout-card .intrinsic { padding-top: 50px; padding-bottom: 50px; } .design-layout-card.image-position-right .intrinsic { padding-right: 6%; margin-left: -6%; background: linear-gradient(90deg, rgba(0,0,0,0) 40%, #FFC0CB 40%); } .design-layout-card.image-position-left .intrinsic { padding-left: 6%; margin-right: -6%; background: linear-gradient(270deg, rgba(0,0,0,0) 40%, #FFBB22 40%); } .sqs-block-image .design-layout-card .image-card-wrapper { background-color: transparent; } Do let me know how this works for you.
  2. Ok - that makes sense. In that case, we don't need to target each block, we'll just target the home page by using the ".homepage" class. That way, image blocks on your other pages won't be affected. .homepage .sqs-block.image-block { margin-right: -18px; margin-left: -18px !important; margin-bottom: -17px !important; } @media screen and (max-width: 640px) { .homepage .sqs-block.image-block:last-child { padding-top: 0 !important; } } Do let me know how that works for you.
  3. Hi @Domanique. You might consider targeting blocks more specifically using each block's block-id. By using the CSS as you have it, it'll apply to every block on the site (or on the page if using page-specific code injection). Are you sure you want to apply that CSS globally to all blocks? Secondly, the horizontal gutter can be closed using a similar approach as you used to close the vertical gutter. However, as I said you'll probably want to target specific blocks for this. Can you provide the view-only password to your site (necessary for others to view sites with password-protected visibility, such as sites in trial mode)? That will make it much easier to provide and test block-specific CSS.
  4. Hi @fantasiummedia. Here's how I'd approach it. Note that object-fit is focused on fairly modern browsers. .ProductItem-gallery-slides-item-image.loaded { object-fit: contain !important; object-position: top; width: 100% !important; height: 100% !important; position: static !important; } .tweak-product-item-gallery-aspect-ratio-11-square .ProductItem-gallery-slides::before { padding-bottom: 0 !important; } .tweak-product-item-gallery-design-slideshow .ProductItem-gallery-slides-item { position: relative !important; } Let me know how that works for you.
  5. Hi @fabrguer. Nice work on this. I can confirm this is an issue just as you describe. To summarize what I see: Editing a blog post via the "edit" button (a.k.a., via the "dialogue text post editor" ("DTPE")) will result in the stripping of curly-brace-encapsulated-text ("CBET"). Editing a blog post within the context of the website (a.k.a., via the "yui3 text editor") will not strip the CBET. The text will initially be saved and displayed properly on the website upon initial input. However, if the post is edited via the DTPE, the CBET will be stripped upon initialization of the block within the editor. CBET will be stripped in text blocks whether the "code" format is used or not. CBET will also be stripped in markdown blocks and code blocks (!) Using HTML entity codes doesn't seem to help (`{` and `}`) CBET will be preserved (not stripped) if the CBET contains a space that has a non-space character on both sides of it (not including the braces themselves) All of the above bullets are applicable to any `text`-based collection item edited via the DTPE, but does not occur in the body of image-based collection items nor event-based collection items. I personally have found no way to escape this behavior. I would report this to Squarespace. You could provide a link to this post for more information.
  6. Hi @HSRA2020. There are various form-specific services out there. One which I am most familiar with is JotForm. You can add a progress bar widget to a standard form. Or, their "card style" forms use that component by default. You can view the various templates at that link (many of which let you accept payment too), but it's pretty easy to make your own form. There are various methods you can then use to embed the form in Squarespace.
  7. Hi @dawsonski. To start with, you can view your template and version number by logging into your site and clicking "Help". Yes, it is. Since you are seeing pages organized as sections within a single page, you are most likely viewing an "index page". These pages are actually a special type of page, whereby "child" pages placed inside of the "index page" become "sections" rather than separate page. To add separate pages (instead of sections), you can add pages to your navigation for those sections outside of the index page. (In theory, you could also drag and drop the index "section" from inside the index page to outside it, thereby making the page it's own page. But if this is a live website, better to leave the existing site intact and create new content. Then, once you have everything ready to go, enable your new home page and navigation and disable the old index page.) No, since you should be able to add pages as needed using the template you have now. In fact, if you did want to explore other templates, you can switch and preview templates without replicating the site separately. Just be sure to read up on that link, especially if this is a live website, so that you're not surprised by reorganized content or changed styles. Many templates in Squarespace are part of a "template family". In this particular case, the template 55f0aac0e4b0f0a5b7e0b22e represents the "Brine Family" of templates (also/formerly referred to as the "Wright Family"). Templates within a family generally share the same features and style options, though they are configured differently from the start (thereby distinguishing templates from each other even when in the same "family". At this time, the Brine/Wright family of templates are generally considered the flagship/best template in many cases.
  8. See answer here: https://answers.squarespace.com/questions/284397/getting-varaintid.html
  9. There are a few ways to obtain the product variant ID. You can view them at the Q&A here: How to Find the Variant ID of a Product Variant for the Squarespace Commerce API Consider making an account over on StackOverflow to vote for such answers, and to ask such questions in the future. You may have better results there.
  10. Are you getting a response back from your API request? If so, what is the response?
  11. This can be quite complicated when one considers all the combinations of desktop vs. mobile, announcement bar or not, closing of the announcement bar, changes to screen-width/orientation, and more. This question has come up in this forum repeatedly and, in order solve all the various permutations, I created Fixit, a plugin for fixed headers and navigation in Brine (and the Brine/Wright family of templates). You can see the full answer to the related question here. Hope it helps!
  12. Hi @levitatelondon. Take note that the code is out of date and I believe it's actually causing an error on your website (you can open the browser console using dev. tools [F12 or CTRL+SHIFT+I] to see it. I appreciate the kind words though. Your words along with the fact that the old code is causing an error on your site finally motivated me to go back and address this properly, create a 'plugin', and update my answer.
  13. I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor as an alternative to using a markdown block or code block, so that you can simply add headings along with the rest of your text (without adding extra gaps). To style any h4, h5, or h6 headings you add (whether via code block, markdown block or the Squint plugin), you'll need to add the styles via the CSS Editor in order to customize them. Like this, for example: h4 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 26px; line-height: 1.4em; color: #404040; } h5 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 22px; line-height: 1.4em; color: #404040; } h6 { font-family: "Times New Roman", Times, serif; font-weight: 300; font-size: 19px; line-height: 1.4em; color: #404040; } The above is of course just an example; you'd set your own styles according to your preferences. Regarding the font-family rules, if your font has spaces in the name, surround it with quotes, otherwise, no need for quotes. Also, there is no need for parenthesis around the values, which you might think based on the first answer above. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace
  14. I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor. So it can be done. The Advanced version also allows for additional headings, custom styles, superscript, subscript, underline and more. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace
  15. Another option, if you need to target text within a paragraph ( p element) is to try Squint, a plugin I created for Squarespace that allows for custom styles, more headings, superscript, subscript, underline and more. You can select a single word (like this), a sentence, or whatever - like you'd expect with most WYSIWYG editors. -Brandon
  16. I've created Squint, a plugin for Squarespace that allows for custom styles, colors, more headings, superscript, subscript, underline and more. You can select a single word (like this), a sentence, or whatever - like you'd expect with most WYSIWYG editors. So checkout Squint if this is something to do often. -Brandon
  17. I've created Squint, a plugin for Squarespace that allows for custom styles, more headings, superscript, subscript, underline and more. You can select a single word in the middle a sentence, a list item, a paragraph, or whatever - like you'd expect with most WYSIWYG editors. So if it's something you're doing fairly often, or you don't want to have to work within a markdown or code block, it's another option. -Brandon
  18. Paul's answer works well. In addition, if it's something you use often and require the style to be in-line with the rest of your text, I've created a plugin for Squarespace that allows for superscript, subscript and more. See Squint. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - Custom Text Styles & Headings for the Squarespace Text Editor
  19. For others who may have a similar issue, the solution for mobile would be to simply add an additional selector to target the mobile logo in addition to the full-width logo.
  20. It will depend on the template. Perhaps try asking a new question and including a link to the site/page in question. -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - Custom Text Styles & Classes for the Squarespace Text Editor
  21. I've actually created a plugin that adds h4, h5, h6 to the Squarespace text editor. This is an alternative to using a markdown block or code block, so that you can simply add headings along with the rest of your text (without adding extra gaps). The Advanced version also allows for additional headings, custom styles, superscript, subscript, underline and more. Now, with the headings added to the 'format' dropdown, you'll need to add the styles via the CSS Editor in order to customize them. Like this, for example: h4 { font-size: 30px; color: #CCCCCC; } h5 { font-size: 40px; color: #BBBBBB; } h6 { font-size: 50px; color: #DDDDDD; } -Brandon Project Mgr. and Developer at Ignertia Creator of Squint - H4, H5, H6 & Custom Styles for Squarespace
  22. Yeah, you got it now. I attached an image to my original answer for clarification for others. If this answer worked for you, please mark it accepted. -Brandon
  23. If you provide a link to the page in question, I am happy to demonstrate via screenshot. In general, however, the block-IDs are present, or you can use the Chrome extension mentioned in one of the links mentioned.
  24. Hi @Therzo . IDs starting with yui will be dynamically generated on each page load and (as you observed) change accordingly. However, IDs starting with block-.... do not change. So as long as you don't delete the block and replace it with another, CSS targeted by block should continue to work. Here are a couple loosely related threads that may have additional helpful information: https://answers.squarespace.com/questions/140670/background-image-bedford-how-to-code.html https://answers.squarespace.com/questions/47192/feature-request-ability-to-assign-custom-css-classes-and-ids-when-authoring-content.html So, use the block-.... IDs instead. Do let me know if this works for you. -Brandon If this or any other answer solves the problem, please give credit where credit is due: Accept the answer. Code is provided without any warranty, expressed or implied.
×
×
  • Create New...