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

Search the Community

Showing results for tags 'codeblock'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • 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

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 25 results

  1. Site URL: https://cassandrabethntp.com/articles/epic-copycat-beef-and-liver-jerky-strips I am wanting to hide an image (for Pinterest) in the bottom of my blog posts. I am adding this by a code block at the bottom. Several of my blog posts have worked previously but now I cannot get the image to pin on Pinterest. https://cassandrabethntp.com/articles/epic-copycat-beef-and-liver-jerky-strips - Particular post I'm having trouble with. I have tried both of these codes below: <div style="display:none"> <a href="IMAGE ADDRESS GOES HERE"><img src="IMAGE ADDRESS GOES HERE" border=0 alt="this is the alt text"/></a> </div> or this one without the second image link <div style="display:none"> <img src="https://images.squarespace-cdn.com/content/5b7b56a6cef37238032c25e1/1600177738543-HMD1F6GM2CZO3XM5NAO8/Copycat+DIY+Epic+Beef+and+Liver+Bites?format=300w&content-type=image%2Fpng" /> </div> Any ideas? Thank you!
  2. Site URL: https://www.thedesignconference.com.au/best-agency-application Hey there gang. Im trying to use the SQSP code component to create a website section featuring two 50% wide columns. The left column features a h2 header, with the right column featuring four paragraphs of text. My goal is to use 'position: sticky' on the h2 header in the left column, to pin the h2 to the top of the browser while the user scroll through the section. — — — — — — — — — — — My CSS — — — — — — — — — — — .orb-questions-wrapper { display: flex; background-color: #FFF; overflow: visible; float: left !important; } .orb-questions-left-column { position: -webkit-sticky !important; position: sticky !important; top: 0px !important; width: 50% !important; float: left !important; } .orb-questions-right-column { width: 50% !important; float: right !important; } — — — — — — — — — — — My HTML — — — — — — — — — — — <div class="orb-questions-wrapper"> <div class="orb-questions-left-column"> <h2>Heading</h2> </div> <div class="orb-questions-right-column"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis congue ipsum. Mauris eu sapien in tortor ullamcorper fermentum. Pellentesque id pretium ante, ut consectetur odio. Sed at orci neque. Nullam quis facilisis ipsum. Donec eleifend lectus feugiat ante pharetra viverra. Phasellus cursus lacus vel gravida porta. Fusce rhoncus, nisl eu commodo ornare, lectus ex condimentum tortor, eleifend tristique nunc dolor in nisi. Fusce consequat volutpat massa aliquam dictum. Nulla in luctus risus, mattis laoreet lorem. Nullam at nisi venenatis, eleifend leo et, finibus diam. Donec id ligula condimentum, consectetur urna eget, faucibus neque. Ut nec commodo odio, et tempor quam. Proin at tempus odio, a egestas augue. Integer eu consectetur est, vel vestibulum quam.</p> <p>Quisque eget metus ornare, suscipit sem quis, posuere nunc. Quisque interdum molestie mauris, at finibus dui finibus quis. Duis nec tristique arcu. Mauris dignissim diam nec est aliquam sodales. In congue, odio non sagittis placerat, mauris est tristique massa, non aliquet ligula nisi interdum mi. Nunc posuere in ipsum quis commodo. Maecenas laoreet, mi et egestas varius, libero nulla ullamcorper sem, sed feugiat ex ipsum nec dolor. Cras nisl elit, feugiat non leo vel, euismod venenatis ex. Curabitur et vehicula dolor, id sagittis tortor. In sit amet enim feugiat, scelerisque neque nec, volutpat leo. Nullam eu leo libero. Integer dictum mollis laoreet. Curabitur massa dolor, venenatis a venenatis vel, commodo a libero.</p> <p>Quisque eget metus ornare, suscipit sem quis, posuere nunc. Quisque interdum molestie mauris, at finibus dui finibus quis. Duis nec tristique arcu. Mauris dignissim diam nec est aliquam sodales. In congue, odio non sagittis placerat, mauris est tristique massa, non aliquet ligula nisi interdum mi. Nunc posuere in ipsum quis commodo. Maecenas laoreet, mi et egestas varius, libero nulla ullamcorper sem, sed feugiat ex ipsum nec dolor. Cras nisl elit, feugiat non leo vel, euismod venenatis ex. Curabitur et vehicula dolor, id sagittis tortor. In sit amet enim feugiat, scelerisque neque nec, volutpat leo. Nullam eu leo libero. Integer dictum mollis laoreet. Curabitur massa dolor, venenatis a venenatis vel, commodo a libero.</p> <p>Quisque eget metus ornare, suscipit sem quis, posuere nunc. Quisque interdum molestie mauris, at finibus dui finibus quis. Duis nec tristique arcu. Mauris dignissim diam nec est aliquam sodales. In congue, odio non sagittis placerat, mauris est tristique massa, non aliquet ligula nisi interdum mi. Nunc posuere in ipsum quis commodo. Maecenas laoreet, mi et egestas varius, libero nulla ullamcorper sem, sed feugiat ex ipsum nec dolor. Cras nisl elit, feugiat non leo vel, euismod venenatis ex. Curabitur et vehicula dolor, id sagittis tortor. In sit amet enim feugiat, scelerisque neque nec, volutpat leo. Nullam eu leo libero. Integer dictum mollis laoreet. Curabitur massa dolor, venenatis a venenatis vel, commodo a libero.</p> </div> </div> — — — — — — — — — — — I know I am missing something simple. Please help. Thanks in advance — Matt TDC
  3. Site URL: https://www.neverlandmovement.com Help ! I'm trying to have my text sit center in the code block but it is still text aligned left. I'm new to coding so i'm not 100% sure my code is correct - any help would be appreciated
  4. Site URL: https://www.livingfabulously.com/wise-women-in-business Hi there I have used the embed block for a live Facebook video in a section on an Index. It's fine on desktop however on mobile while the video size is responsive there is a huge gap between the code block and the text below. This is the code provided by Facebook to embed a live video <iframe src="https://www.facebook.com/plugins/video.php?href=https%3A%2F%2Fwww.facebook.com%2Fgetonlinequickly%2Fvideos%2F292938888794253%2F&show_text=false&width=733&height=412&appId" width="733" height="412" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media" allowFullScreen="true"></iframe> Anyone know what code I can edit / add to this that will stop this big white space below?
  5. Site URL: http://www.girlsonfireleaders.com/donate-2 I'm having issues embedding a flipcause donation campaign widget into my client's 7.0 site. Two things: 1) When I try to embed it on a page that already has content on it (images, text, instagram feed, etc.), the page takes forever to load or won't load at all. (http://www.girlsonfireleaders.com/donate-2) I've attached a screenshot of what it is supposed to look like, and also what it looks like on mobile. Any ideas how to fix this? 2) It also says that the page is not secure... how do I address that? Thanks in advance!
  6. Site URL: http://totalvu.tv Hi, We tried adding the AddThis Tip Jar to our site in a codeblock. Nothing is added to the site / visible when we run the site. The AdThis TipJar expands to around 360k of code... but the limit for codeblocks is before the code is run, right? Are there any other sources for Tip Jars via Javascript? We don't want our people to be taken to another site to Tip.
  7. I added a widget (booking widget) using a code block as seen in the image, and I cannot edit its size. I can edit its width but not height. Can someone please help me with this?
  8. Site URL: https://maroon-triangle-rlhr.squarespace.com Hi there, Does anyone know the code that can help me have a code block work on the desktop but not show up on the mobile? We have a client that wants a review plugin on desktop. However, it takes up too much of the screen on mobile so we want it removed. The code used for the plugin is: <div class="rw-reviews-wrap"></div> <script>/*<![CDATA[*/window._rwREl=JSON.parse('{"mode":"badge","pos":"top-left","key":"2760-9425-5578-6ac6-bdbc"}')/*]]>*/</script> <script src="https://cdn.reviewwave.com/js/reviews.js"></script> Is there anything I can do or add to the css or a code black to not have this shown? Any direction or help on this would be appreciated. I have searched all day on forum and squarespace help sites to not find a solution.
  9. Site URL: http://lightly.me > lightly.me On landing you'll see "Connecting people & things, lightly." I want the word lightly to revolve through other words. When I add the html to my codeblock, is doesn't express. What can I do to express this idea on Squarespace? (I'm open to using to using different code that works with the platform better.) If it's possible to use the below code, how do I incorporate this into the SS platform? Here is some code: index.html Connecting people &amp; things <span id="word">lightly</span> script.js $(function () { count = 0; wordsArray = ["lightly", "with joy", "cleanly", "sustainably"]; setInterval(function () { count++; $("#word").fadeOut(500, function () { $(this).text(wordsArray[count % wordsArray.length]).fadeIn(500); }); }, 2000); }); ----- Below is the code I wrote just to express the styled part that shows on landing (not incorporated into the example above) <h1><center> Connecting people &<br> things <i>lightly.</center></i></h1> Thank you in advance!!
  10. Site URL: http://southcoastvillasja.com Greetings, I have a code from Lodgify that I need to post into a block on my reserve page. Does anyone know how to select the option to embed a code into a block on the page? Thank you! Emma
  11. Site URL: https://bhamboulders.com I'm building a Squarespace site for my climbing gym. I've attempted to embed a widget through the code block and through the embed block. When typing the website URL in directly to a browser, or visiting the page from an external link, the widget appears. The widget also appears when you refresh the page. But, the widget does not appear if you click on the homepage button or any "button" that takes you to that page within the site itself. Is there a specific reason it would work except within Squarespace?
  12. Site URL: http://www.shopmaisaguam.com Hi all! How do I center badges in my code block? See attached screenshot.
  13. Site URL: http://s15.squarespace.com/guitar-kids-a-lesson1 My embedded iframe YouTube videos (with 'start' and 'end' parameters) DO NOT play on MOBILE. // MY FIRST ATTEMPT - Youtube iFrame I used the following YouTube iframe in a code block. <div style="position:relative;padding-top:56.25%; margin-top:0px;"> <iframe width="100%" height="100%" src="https://www.youtube.com/embed/x7qfdYyHJ_c?start=285&end=340" frameborder="0" style="position:absolute;top:0;left:0;width:100%;height:100%;" allow="accelerometer; encrypted-media; gyroscope; picture-in-picture" allowfullscreen> </iframe> </div> This code works great on Desktop! But NOT ON MOBILE (it just bombs out.) From what I can gather, this is a limitation of the YouTube iframe embed functionality, which only works on Desktop when you call start/end parameters. // POSSIBLE SOLUTION - Javascript with Youtube api Step 1: Use javascript/jquery with the YouTube api instead of an iframe, to call the video with the parameters. Step 2: Ensure that when the visitor plays the video a second time (or more), that the video again plays from the intended 'start' position, and not jump to the beginning. // STEP 1 I found this (related) tutorial on Stack Overflow. ...but I don't know how to incorporate this into SquareSpace. What goes in the header, and in the body? How to set the start and end variables? -- // STEP 2 Once Step 1 works for mobile, then my next step would be to ensure when the user watches the segment for a second or third time, that each time the video should again start at the intended 'start' position, and not to jump to the beginning of the video. I found this related tutorial... ...but again, I don't know how to incorporate it into SquareSpace. -- Your help will be greatly appreciated. Kind regards Pierre PW: swallow15_pw
  14. Site URL: https://www.mikelynchhomes.com/mls-home-search Site psd: LynchPreview I need to insert html for a real estate agent client who has an MLS Search embedded into their site. I create the code block in squarespace just like you normally would, then I paste in the custom html. The code block does not change size so it only shows a small window vertically. (html pasted below). I reached out to Squarespace support and they told me that the code block resizes to whatever code is being dropped in. Then I reached out to the vendor who provided the html for the MLS search/IDX integration and they told me their search will resize to whatever size space you are putting it into. I can change colors and sizes but I can't write code so I'm hoping someone has figured out a solution to this? HTML that I'm dropping in: <iframe src="https://matrix.recolorado.com/Matrix/public/IDX.aspx?idx=aed52ee9" width="100%" height="100%" frameborder="0" marginwidth="0" marginheight="0"></iframe> Thanks in advance!
  15. Site URL: https://vishebility.com Hi, I have added custom fonts on my site using code blocks and I am having some issues with them; 1. I can't right align in the code block. It works fine for left and centre but not right 2. There is a lot of spacing around the code block on various pages. Website - www.vishebility.com thank you for your help
  16. Hi Community, I am trying to have side by side code blocks (2 per row) on mobile. I currently have 8 code blocks displaying as 2 rows of 4 on desktop. When switching to mobile view, these blocks stack on top of each other so that it displays as 1 block per row. I have tried targeting various elements like the content wrapper and .sqs-col-12 .sqs-col-4 columns like this to no avail: @media screen and (max-width: 640px){ [data-section-id=""]{.sqs-col-12 .sqs-col-4{ width: calc(100%/2) !important; border: 0 !important; margin: 0 !important; } } } Any help would be greatly appreciated!
  17. Site URL: http://bostonbiketaxi.com When I attempt to write some code in a code block using JavaScript, the Display Source option grays out and prohibits me from checking/unchecking. So I am effectively prohibited from using JavaScript in a code block. The option to check/uncheck the Display Source box works as expected when HTML is selected, but not for JavaScript. What could be happening here?
  18. Site URL: https://www.pawparazzipetphoto.com I'm embedding my Tave contact form using it's "iFrame" HTML code and pasting it into the Code Block on my website - The contact form shows up on my end after pasting it, but NOT on the Live site, it's only showing a portion of the text. This is only since I switched to a different template....help much appreciated, I know nothing about html and coding. I've attached images of what my code looks like from Tave, what the contact form looks like while editing my site, and then what I see when I'm viewing it live.
  19. Hi guys, I am still a newbie in Squarespace, please allow me to ask: Does any one knows how to implement multiple location map using codeblock? I tried with the instructions provided by Squarespace, however, it seems that I could not implement iframe code (which is provided by Google Map itself if I wanted to embed the code on my website). It says that my plan only allows html, css...etc and for iframe codes, I will need to upgrade my plan. Is there another way that I can do the same thing without upgrading my plan? Thank you for your help and hope you have a nice day!
  20. Hi everyone, I have a third party login widget given by the Xsolla company. It is bascially some HTML and JavaScript, but I can't find a way to add a code block in to the main navigation bar. I have been searching a solution everywhere but I couldn't find anything. Hopeully you all can help me and I will really appreciate it. Please find attached a picture of the login widget. Thank you! Eranda MATHES
  21. Hello, I am trying to use an iframe to place a "listings" page within a Squarespace page. The problem is that I cannot get the block that contains the iframe to span full width or height. I have tried adding code I have seen through this site with no success yet. I know I am mucking something up somewhere and would appreciate anyone's intellect. I am using 7.1 Website: milestone-equipment.squarespace.com Used Equipment Page.
  22. Site URL: https://experimentalbitchpresents.com/the-company I've added code blocks to this page with linked text that when clicked a text lightbox appears. For some reason they only work after hard refreshing the page. I think I've got something wrong with my code could anyone help me out? Inserted html on the page on the Advanced section of the Settings: Code block:
  23. Site URL: https://millingtonmortgages.ca Hi, I am helping my mom out with a new website. She is a mortgage broker. She would like to display these calculators on her website. ( There is HTML code provided on this webpage) I added all of these as separate code blocks. The HTML code appears when I am in the edit mode but once I go to the viewer mode it disappears. I have also tried to use different browsers to view the website as a customer and it still does not appear. Any thoughts? http://www.genworth.ca/en/brokers/genworth-widgets.aspx Jenn
  24. Site URL: https://flounder-guppy-w6a2.squarespace.com/config/settings/advanced Hello, I am building a website for a client and they use a custom booking system for their salon. The booking platform has a Javascript code that you can add to your site. I went ahead and added it to a code block and it wouldn't work. I was curious to see if the script was incorrect so I went into my advanced settings and tested it out in the head settings of "code injection" and it worked in the header. For some reason it won't work as a code block on my book now page though. Here is the code. <script type="text/javascript">daysmart_acc = "48b89c40-9b1b-4a16-a8ac-4a72a4da45dc"; daysmart_iframe_width = 1000; daysmart_iframe_height = 0; daysmart_website_root = "https://plugin.mysalononline.com"; load_in_iframe = "false"; </script><script type="text/javascript" src="https://plugin.mysalononline.com/Scripts/external/bookingplugin.js"></script> Can someone help me add this to a single page?
  25. Site URL: https://beerhousealbania.squarespace.com/ I'm currently in trial mode building a site. This is my first day and first site in 7.1 (second ever) and first experience with codeblocks, and it appears that I completely disabled the footer sitewide. I'm wondering if there is some way to find that codeblock as it appears to be missing, I cant find it... This feels silly. It is getting rid of the footers everywhere, even though it was means just for that one page. Hope I laugh about this one day... pass: content
×
×
  • Create New...