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

Search the Community

Showing results for tags 'markdown'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
    • Resources
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion
  • German Circle Members's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Greetings, I have lots of articles (more than 30) in Markdown (coming from another platform) I want to import into my Squarespace website. Is there a smart way (with less friction as possible) to import them? I don't want to manually copy/paste more so many articles. Thank you!
  2. Site URL: https://edu.ifixit.com/fast-fix-project-faq#two I added anchor links to my accordion menu using the markdown block and some CSS and jQuery, but I would like the question to expand automatically when the anchor links are used. The rest of the page functions just how I would like—users that end up on the page organically can toggle through each question—but when I send a specific anchor link to a user, I'd like the question to automatically expand. I'd ideally like to find a way to do this that also doesn't mess with the spacing or the hover color. I'm using Squarespace 7.0 with the Bedford template.
  3. Site URL: https://fox-chihuahua-df3j.squarespace.com/projects/tumblrmobile Hi, i'm trying to make a clickable expandable piece of text (like an accordion but not a +/- menu, more like a button that shows/hides text) I've used a markdown block to get the text show/hide feature, as shown: (hidden) (on click) However, I'd like the pink text to look more like (and act like) a button instead. Like this, where it also reacts on hover. Perhaps a markdown block isn't the best way to create a show/hide feature with a button, so if anyone knows how to make a button that shows/hides text that'd be really useful, thank you!
  4. Site URL: https://www.changeist.org/team Hi Squarespace community! I hope you all could help me with a formatting issue currently affecting our website. I updated two sections to the newer 7.1 version with the "upgrade" button, which has caused my markdown text to keep a large blank space that would otherwise be shrinked/hidden until a site visitor clicks the name of our staff member. How do I get rid of the large space so that I can have our staff bios reasonably organized? Thank you all in advance for your help in this matter!
  5. Site URL: https://www.opinionx.co/pricing2 I've built a pricing page using markdown blocks with custom code blocks. They work great on (1) large desktop screens and (2) vertical smartphone screens, but everything in-between causes a frustrating responsiveness issue -- the content becomes obscured as the blocks become skinnier and longer, until eventually they vertically stack. Any suggestions as to what I can do to prevent this issue in the middle of screen sizes (seems to be from 1362px width down to 767px where the distortion occurs and the cards don't get stacked vertically). Example screenshot: The page is https://opinionx.co/pricing2 and the password is just: 2
  6. Site URL: https://elizavolk-healingarts.squarespace.com/ Hello there, I am trying to find a way to fix this : I added several scheduling buttons in my website (with markdown). I changed the style directly in it and in the custom css too to have the desired design. But for some reason, it applies only when I am in the custom css page and as soon as I leave it and refresh the page, a pink-ish background appears in the buttons. I go back to the custom page, the effects come back. etc etc... It is driving me crazy, please help if you have any explanation ! 🙏🏻
  7. My drop down currently looks like this, but I only want the headers to be visible. What am I doing wrong? Here is the syntax: ## + 3/3rds Process & Learn to Follow Jesus Learn how to facilitate a Disciple Making Group meeting and become a faithful follower of Christ. <br> <center><span style=";background-color:#000000;border-radius:10px;padding-right:2em; padding-left:2em; padding-top:1em; padding-bottom:1em; font-size: 18px; color:white"><a href="/s/LTFJBookmark.pdf" target="_blank">Learn How</a> </span></center> ## + Vision Casting Check out our process for building teams of students who multiply disciples. <br> <center><span style=";background-color:#000000;border-radius:10px;padding-right:2em; padding-left:2em; padding-top:1em; padding-bottom:1em; font-size: 18px; color:white"><a href="/s/VisionCastingBookmark.pdf" target="_blank">Check it Out</a> </span></center> ## + 411 Training Learn how to start sharing your faith right away. <br> <center><span style=";background-color:#000000;border-radius:10px;padding-right:2em; padding-left:2em; padding-top:1em; padding-bottom:1em; font-size: 18px; color:white"><a href="/s/411TrainingBookmark.pdf" target="_blank">Train Now</a> </span></center> ## + Team Meeting Format Learn how to start a team at your school and facilitate team meetings. <br> <center><span style=";background-color:#000000;border-radius:10px;padding-right:2em; padding-left:2em; padding-top:1em; padding-bottom:1em; font-size: 18px; color:white"><a href="/s/TeamMeetingBookmark.pdf" target="_blank">Start a Team</a> </span></center>
  8. Wondering how I can make text appear to be small and float at the top kind of like an annotation. Pretty much exactly like this website is doing: http://www.peiliew.com/ Have been looking around but couldn't find anything. Thanks!
  9. Site URL: http://www.mattravenelle.com/wyth I am creating an expanding section but I cannot find any way to insert images into the expanded section as shown below. I tried to insert code using Markdown Monster to create embedded images but when I place them on my website they do not show up. Haven't found anything online to help me with this. Please help!
  10. Site URL: https://www.urbanvoguedayspa.com.au/trial Hi guys, I'm having issues making my accordion background color change when open, currently it's the opposite of what I want, the colour of the heading changes when clicked, I want the contents of the accordion to change color when clicked. I think I would need to change the script which I don't really know how to do, can someone help? Picture is an example of what I want it to look like Here's the script: <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script> Here's the css: //markdown block for treatments .markdown-block p { margin-left:1.5em; padding-right: 16px; } .markdown-block h3 { font-weight: 300 !important; } .markdown-block .ui-closed:before { content:"+ "; } .markdown-block .ui-open:before { content:"- "; } .markdown-block {padding:20px; margin: 0 auto; width: 100% !important; } .ui-open { background-color: #d2c8c2 !important;}
  11. Site URL: https://octahedron-plantain-7yf9.squarespace.com/ https://octahedron-plantain-7yf9.squarespace.com/ PW: omaha I'm trying to use custom bullets within a markdown block. The code works for bullets in a regular text block, but I can't seem to get the code to apply to the markdown block as well. /*Custom Bullets*/ ul[data-rte-list] li>*:first-child::before { content: "\007E"; font-weight: bolder; font-size: 1.4em; color: #BCECE4; }
  12. Site URL: https://nathancashion.com/blog/2018/5/the-4-causes-of-low-back-pain I've had an issue occur a few times now. If I edit a Markdown block while using the Squarespace app for iOS, the markdown gets changed. It appears that the block will add in backslashes before any markdown formatting syntax, e.g. ### Disc Likely the most common cause of back pain in our modern age, *degenerative disc disease* or *discogenic low back pain* is attributed to 40 percent of low back pain cases. will be converted to: ### Disc Likely the most common source of back pain in our modern age, \\\*degenerative disc disease\\\* or \\\*discogenic low back pain\\\* is attributed to 40 percent of low back pain cases. These added characters then show in the rendered page, and all paragraph breaks are removed. (See attached screenshot. I've fixed the live blog post, so you can see the correct formatting by visiting the link above.) If I try to fix it by editing on iOS, it only makes it worse. In fact, it will add backslashes to the backslashes. I can only correct the problem by editing on the web, completely replacing the text in the Markdown block.
  13. One of the pages of my website was previously created using markdown. I have NO IDEA how to use this. I was tasked with adding another bio to our bio page - the other bios have photos - I was able to make another bio box, copy and paste from other existing bio boxes and then modify information for the specific bio I am adding and that worked great! I've tried to copy and paste the image code and http links from the other bio markdowns and then modify for the image that I need, but it's not finding the image. Every time I reach out to SquareSpace, they say since there's custom code, they can't help me. Additionally, I need a pic on my main page to point to the bio that I'm trying to create but I don't know how to do that either. Any help would be appreciated.
  14. Site URL: https://cinnamon-arugula-lbx4.squarespace.com/hero-natural-beef-jerky-landing I have an * that's got superscript tags but it's placing the * too low and I can't figure out how to move the * up without dramatically increasing the font size. Is this possible to adjust the baseline for a single text character? pw: WNC3nek5ctr8eyr-tyf
  15. I'd like people to click this button and be able to download a PDF, but I can't figure it out. (I am not a coder.) Check out the screenshot of what I have right now (which doesn't work) and let me know how to do it please (besides removing the spaces from the PDF title - I will make that change)!
  16. Site URL: https://empowerops.com Hey guys, I'm looking to create a markdown file shared/modified/maintained by my non-squarespace-user teammates that will auto-magically get loaded by visitors to a page. My hope was that I could do a simple page with a markdown block, and then add some header-JS, such that visitors to a page would run some code to fetch the most recent version of the text, dump it into a markdown block, to be rendered by squarespace.js. Is this possible? It occurs to me that I'm assuming squarespace does runtime processing on markdown text, such that the flow is that squarespace ships the markdown as text to the client and then invokes some javascript to render it, but this could be completely wrong. Is it possible to expose a text file (ie a markdown file) via sharepoint, keeping a relatively sane permissions scheme? Further, the goal is this: I want non technical people to have an easy way to edit a relatively static text document, and to keep only a single authoritative document. Can I use some tool other than javascript-synchronization tricks? Maybe I should just ask my team to modify a text block on squarespace? Many Thanks, -Geoff
  17. Hello, I do not know if this question has been asked but I would like to add a background color to just a text box. I have text over an image and I would like to put a light gray or semi-transparent background under some text so it is easier to read. I have attached a image for what I am trying to achieve.
  18. Site URL: http://rachelthor.com/ Hi there, I've been following the squarespace forum for adding code that allows me to create drop-down menus where only the heading is visible until you click it, then it toggles open to a longer explanation (often used for FAQs). This successfully worked for me on the last page I created on my site. This time around however, I'm trying to use the same code and it's weirding out on me. Working the first time I load a preview and then staying forever open after that, or continuously bouncing between open and closed. I am wondering if I have the code doubled somewhere and it's confusing itself, or what suggestions you have for clearing house and starting over to get this working across my whole site?
  19. Site URL: https://www.signal-sigma.com/pricing Hi there, I'm in the early process of designing a features & pricing page. I'd like the user to scroll down through the features sections (designed with a split screen plugin) and end up at the 3 member plans which I have designed using markdown blocks. Some browsers with a smaller screen load these 3 blocks unequally. Also, I would like them to contain less text, but I have intentionally put in almost the same number of characters so that they would show up equal lenght. Any help would me much appreciated. Thanks, Andrei
  20. Site URL: https://www.earth-changers.com Hi, Can anyone suggest why my accordion points have stopped working on this page ie. they are all expanded: https://www.earth-changers.com/sustainable-places/pangaea-explorationI've changed nothing and they used to work.And they work on all the other pages where I feature them, eg.https://www.earth-changers.com/about/frequently-asked-questionsor https://www.earth-changers.com/sustainable-places/nepal-tiger-mountain-pokhara-lodgeI've fiddled around trying to add a new Markdown block of content, but still they won't work on this page. I've also removed and re-saved the header code to no avail.Any ideas? (please note I'm no developer!). Thanks!Vicky
  21. Site URL: https://dylansoffice.com/team When someone clicks Information on the site, a markdown/dropdown accordion animation occurs to reveal more text. How do I eliminate the accordion animation? I'd just like the text to appear or pop-up immediately after clicking Information. I currently have this code pasted into the page header code injection: <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h4').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h4").nextUntil("h4").slideToggle(); $(".markdown-block .sqs-block-content h4").click(function() { $(this).nextUntil("h4").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script>
  22. Hi all, I'm trying to create a collapsible FAQ section using markdown blocks. The collapsing part works fine. However, Every time I try to add a hyperlink inside of a markdown block, the page freezes and I have to restart my browser. Can anyone else replicate this error and/or offer advice? This is the page I'm working on - https://redesign-90-day-biz.squarespace.com/program-20. Thanks!
  23. I've seen dozens of posts about disappearing images, and haven't seen an actual solution for it. I reached out to the support team for help. They said that they can replicate the issue, but since our images are in Markdown blocks, the issue is out of their scope and I should post here. Based off all the other posts here on disappearing images, I'm not convinced it's Markdown related. The images are always fine for awhile, then just randomly disappear. Anyone possibly have any ideas? This has happened a few times now. Thanks!
  24. Site URL: https://www.gardenclubofoldgreenwich.org/plant-sale I am trying to create a web version of a poster. The poster has a quadrilateral with text, and I managed to mimic the shape. I got the shape right (more or less) using triangles, but there is a gap between the top triangle and the block that I cannot figure out. Also, iis there any way to get the whole shape to go from edge to edge? It's okay as it is, but it would be so much better edge to edge. <svg height="200" width="100%""> <polygon points=" 0,200 1400,200 1400,0" style="fill:white"> </svg> <div style="background-color:#ffffff; vertical-align: middle; padding:40px 45px"> <div style="color: #BA5776; font-family: 'futura';font-weight: 700;font-size: 5em; line-height: 1.2 !important; text-align: center">Plant Sale Saturday May 14 </div> <div style="color: #BA5776; font-family: 'futura';font-weight: 700;font-size: 2em; line-height: 1.2 !important; text-align: center"> (the day before Mother's Day) time place </div> </div> <svg height="200" width="100%""> <polygon points="0,0 0,0 1400,200 1400,0" style="fill:white"> </svg>
  25. Site URL: https://greyhound-sheep-7z4x.squarespace.com/om-oss-2 Hi! How do I keep a markdown menu open while I'm moving the cursor inside the markdown box. I just watch this video on how to make a accordian styled dropdown menu, which I made with the markdown button. I used some HTML and CSS + code inside of the markdown. Here is the HTML code: <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h3').addClass('ui-closed').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").hover(function() { $(this).nextUntil("h3").slideToggle(); $(this).toggleClass('ui-closed ui-open'); }); }); </script> And my CSS: #block-yui_3_17_2_1_1646131305524_2175{ font-size: px; left: -1740px; bottom: 980px; } #block-yui_3_17_2_1_1646131218070_4998{ font-size: px; left: px; bottom: 120px; } Password for the website is: test123 So my first question is does anybody know how I could keep the markdown menu open while browsing around with my cursor in the dropdown menu? My second question is how do I stop the accordian styled menu from pushing down the content that is below it. For example if I hove above the "Tiego" text content inside of that menu pushes the text "Jobba hos oss" further down the page, is there a way to stop it from doing that? All the tips are welcomed! /Tonton
  • Create New...