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. Site URL: https://apple-octagon-469r.squarespace.com/yellow-belt PW: `wimafcdemopoc` I have several collapsible markdown sections that have iframes containing embedded videos in them. Everything works as expected with videos and playback while I am on my computer. However, when I go to use a mobile device (so far tried Chrome, Firefox, and Safari), I receive the following error message in an overlay on the video: What makes this especially tricky is that the videos that have playback issues aren't always the same every time. When I go to refresh the page, some videos will begin working while previous ones will stop. Any suggestions on what can be done to remedy this?
  2. Site URL: https://www.bycourtneytodd.com/ Hi there, I added custom HTML to two text sections of my client's site. It looks good on desktop but isn't formatting properly on mobile. The website. url is: https://www.bycourtneytodd.com/ Here's the HTML code I added: <span style= "font-family:'Gistesy', arial; background: linear-gradient(180deg, rgb(254, 244, 247) 50%, #FEF4F7 50%); font-size: 100px; font-weight: 60; display: inline; " >Consider me your go-to social media girl</span> Desktop View: Mobile View: I also added this HTML code in another section: <span style= "font-family:'QuickThin', arial; font-size: 40px !important; text-alignment: center !important; color: #443532; font-weight: 600; background: linear-gradient(180deg, #FEF4F7 50%, #F2EBE7 50%); " >Past Hotel Partnerships</span> Desktop View: Mobile View: I'll also attach photos of what I see in each view. Any help is appreciated!
  3. Is there a way i can make the markdown boxes sit centered in their column? the text is centre but the box is sitting to the left.
  4. Hello! I am trying to build a custom timeline on my site using the Markdown feature. I have attached an image for reference. I have it all set up (see left side details), but when I delete the spacer between each section, the bullet next to the 2nd (and so on) date disappears (see right side). What can I do to get the bullet to stay next to each date? Is there another solution for a timeline?
  5. Site URL: https://www.supercatalystlab.com/shop/p/e-01-wallet Hi there! I wish to move dropdown from additional info to under main product information, Feature & Spec tab is using markdown in the additional info section. There isn't any markdown option in the main product information box, so I kept it in the additional info section. The code I used for dropdown is below. <!-- Dropdown Accordion Code --> </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>
  6. Site URL: https://www.nanoesclab.com/publications I have a markdown containing a large amount of items. They are categorised by year, which each collapsible item labelled as a year. I have the following script in my page settings, which works fine. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script> $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').css('cursor','pointer'); $(".markdown-block .sqs-block-content h2").nextUntil("h2").slideToggle(); $(".markdown-block .sqs-block-content h2").click(function() {$(this).nextUntil("h2").slideToggle();}); }); $(document).ready(function(){ $('.markdown-block .sqs-block-content h2').click(function() {$(this).toggleClass('plus-minus');}); }); </script> However, I'd like it to only have one year open at a time. So when a new year is clicked the previously open one will automatically close. Any ideas??
  7. Site URL: https://www.tusko.co.uk/ Hi there, I am trying to work out how to use 2 different font styles in a single sentence whilst maintaining the custom styling for the banner text. You can see the text in the header here: www.tusko.co.uk "We're a full service creative agency". I have custom fonts attributed to h1, h2, h3, h4, h5 and p. I want the 'e' in 'creative' to be styled based on h5, and the rest to stay the same as it is. This is the code I am currently using in a code block over the video banner: <div class= "hero-text-home-wrapper"> <div class="hero-text-home-first"> <span style="font-family:Druk Bold;">WE'RE A</span> </div> <div class="hero-text-home-second"> <span style="font-family:Druk Bold; font-size:1.5em"> FULL SERVICE<br> CREATIVE AGENCY </div> </div> Could someone please advise on how to change a single letter to h5 in this text? Thanks in advance.
  8. Site URL: https://www.botanicallyblissed.com/faq-1 Hi all, (website password is earthbased) I used this code to create an accordion style FAQ : https://www.kayleighnoele.com/blog/how-to-install-a-faq-dropdown-accordion-in-squarespace I want the font size of the questions to be smaller, but when I use an extra # within the markdown code to make the font smaller it seems to interfere with the code because then the accordion style FAQ is no longer working. Any ideas? Thanks in advance.
  9. Site URL: https://www.aestheticlounge.ca Hi 👋 I'm having an issue with anchor links on the homepage of my site aestheticlounge.ca. There are three images with anchor links to different sections on the /services page. The "lasers and lights" link as well as the "medical facials" links are not anchoring to the correct place on the page where I've added the code block for anchor links. Upon my investigation it appears that the markdown blocks are interfering with the anchor link code. Problem can be seen here: https://www.loom.com/share/8a0967e781764349bb259a1066c4ec73 Has anyone run into this issue before or know how I can fix it? Your help is very very much appreciated 🙂 Thank you!
  10. I'm trying to make the text (Savory beef...) align to the right. See pic.
  11. Site URL: https://www.patricialindner.com/ Is there any way to add a full width color bar behind text using a markdown block? See the image below. The text (markdown block) is placed on a background. In mobile view this obviously doesn't work as the background is an image. I would like to upload an image of the flower and have the color bar behind the text so that it adjusts for mobile. Any help would be appreciated. Thanks! Password is Patricia.
  12. When I try to make a line break using H1 or H2, the bottom layer of text gets deleted. I can make line breaks using P1, P2, etc. with no problems.
  13. 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.
  14. I am currently setting up a markdown block that collapses I have this set up: <details> <br/> <div style="position:relative;width:100%;height:0;padding-bottom:56.25%;"> <p>FooBar</p> </div> </details> When I have it set like this: it creates the `marker` element (the animated arrow that points as you click on the text) However, if I go to use the `<summary>` tag, the marker disappears So if I have <details> <summary>Step-by-step</summary> <p>Foo Bar Buzz</p> </details> It posts "Step-by-step" but it no longer contains the marker Does anyone know how to resolve this? I'm guessing I need to use CSS in some capacity
  15. Site URL: https://manatee-squid-rmnx.squarespace.com I have a markdown block on my page https://manatee-squid-rmnx.squarespace.com/data-sheet-selector-2 within my site. There are several drop-downs where the user can choose data sheets for different products. I want the pdf of the data sheet to open in a new tab so that the user doesn't have to go back and forth through the process for additional data sheets. Here is my code: <h3 class="dropdown box">N-100 Fast Dry Series: <span style="color:grey; font-size:.8em;">Designed for smaller presses with fast turn-around times. Also for metering and dampening system rollers</span><span style="text-align:right; float: right;">+</span></h3> <p>[PDS][1] &nbsp;&nbsp; [SDS][2] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;N-100 Economical, Fast Dry Blanket and Roller Wash</p> [1]: /s/N-100pds-h465.pdf [2]: /s/Nova-N-100-Rev3-SDS-p54d.pdf <p>[PDS][3] &nbsp;&nbsp; [SDS][4] &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;N-103 Economical, Fast Dry Blanket and Roller Wash</p> [3]: /s/N-103pds-5k5g.pdf [4]: /s/Nova-N-103-Rev2-SDS-enk4.pdf My questions: 1. Is using target="_blank" safe to use? I have read that it can be tampered with? 2. Where does that go within Markdown, or do I have to add it to CSS or any other custom code? If there's anyone out there who can help, thank you so much!
  16. Hoping someone can help because I can't seem to achieve what seems like it should be a very simple thing! I'm trying to create an expertise page for a client to showcase their specialties. I'd like it to look similar to the circle landing page (see attached) without the buttons. I have tried three things but none of them are working: Using the auto template for lists. It's almost perfect...except that you can't format bullet points. Again see attached with the red circle. The text doesn't line up correctly and it looks a bit amateurish to me to leave it this way. Using a poster. Unfortunately due to the amount of text, the alignment goes totally out of wack on different screen sizes (also attached), but I can see from the forum search that this is a common issue Using Markdown - after having to tweak site font styles to get this to work (as you can't seem to change the paragraph size), this seemed promising but laying out three columns has become a challenge, again see attached. Plus I will need two rows of 3 boxes and I'm not sure I will be able to get them to line up correctly. Any ideas or suggestions on how I could make this work would be much appreciated!! TIA
  17. Site URL: https://www.longevitycollective.com/nad-sciences/nad-and-longevity Hi! I am trying to achieve two things: Prevent my Markdown box from overflowing into the Comment section and Hide the sticky sidebar (in my Markdown box) on mobile view Here is my header code. I have tried several things to no avail. How do I fix this? <style> .wrapper { display: flex; flex-wrap: wrap; justify-content: space-between; } .sidebar { /*background-color: #fafafa; box-shadow: 5px 5px 0 #f09; box-sizing: border-box; padding: 20px;8 border: 3px solid #e1ccbe;*/ position: sticky; position: -webkit-sticky; top: 0; width: 20%; height: 20vh; text-size-adjust:auto; display: block; word-wrap:break-word; } .main { width: 70%; /*height: 150vh;*/ } .main, .sidebar { padding: 10px; } body { padding: 10px; } .center { display: block; margin-left: auto; margin-right: auto; width: 50%; } .nad-blog-post-section-title { color: #e1ccbe; text-align: justified; } /*html { scroll-behavior: smooth; }*/ </style>
  18. Site URL: https://www.shutupanddance.co/faq Hello, I have a markdown block on my FAQ page. When I tap the headings, the accordion 'bounces' open, closed, open – you can see what's happening here. Here's a page where it is functioning fine (the accordion 'bounces' open until you close it again by tapping the header). The coding for both markdown blocks is the same – I copy pasted the detail – so can't figure out what I'm doing wrong! Any help would be appreciated, thank you. Abby
  19. Site URL: https://hibiscus-amphibian-tl3g.squarespace.com/config/commerce Can anyone tell me how to add a read less link under the expanded text? The code I used is as follows: <!-- Dropdown Accordion Code --> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> Info is under additional information on the product tab. ### **+ Read More** Info
  20. Site URL: https://carrot-bronze-bld8.squarespace.com/coop-curbside Hello! I was able to create a collapsible FAQ through a markdown block and the following code but the content does not collapse on mobile--any ideas how to resolve? <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').css('cursor','pointer'); $(".markdown-block .sqs-block-content h3").nextUntil("h3").slideToggle(); $(".markdown-block .sqs-block-content h3").click(function() {$(this).nextUntil("h3").slideToggle();}); }); </script> Thank you!
  21. Hey. How to add an anchor link in markdown block? I have a code with sup tags and cant figure out whether it's possible to have a anchor link. <p><span style="color: #282828; letter-spacing: 0.02em; font-size: 26px; font-weight: 400;"> Write <sup style="font-size: 10px; line-height:0; vertical-align: 10px;">10</sup>
  22. Site URL: https://www.rethinkfood.org/otherways-1 Hi all, For this page (password: Any1canRethink!), I created a markdown block but under the header: Donate Stocks or Mutual Funds, the email address link font color turns white and I have no idea how to change it back. I tried in the design area but that doesn't seem to be the issue because in the intro text the same email is displayed without any issues. Any help is appreciated! Thank you
  23. 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!
  24. Site URL: https://www.agsportsinc.com/our-story This is happening to my H4 text blocks in ipad view. Does anyone know how to prevent this? I have already dropped the size of H4 down in site styles, but maybe I just need to adjust the mobile breakpoint? Or use a markdown? Thank you!
  • Create New...