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

Search the Community

Showing results for tags 'code-block'.



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

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

Found 9 results

  1. Hello. I am using code blocks so that I can customise, format and size my text in different areas throughout my website, without it affecting the general style of the website on a whole. I am not a fan of the general text box because I can not customise the text exactly how I want it. For example I do not want my H1, H2 or H3 titles to be really big, but I do want some text on my website to be bigger or styled differently in certain areas to stand out and grab attention, which is why I am using the code blocks. However, I am finding that the code blocks are not scaling correctly for mobile. On desktop they look fine and give the visual impact I am looking for, but on mobile because they are not scaling properly, some of the text gets cut off or is just way too big. For example, in one code block I am using the following code: <center> <font size="5em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's get people talking.</li></span></font> <font size="7em" color="#ffffff"><span style="line-height:1.5em"><li style="list-style: none;">Let's create something EXTRAORDINARY together!</li></span></font> <font size="4em" color="#ffffff"> <span style="line-height:2.5em"> <li style="list-style: none;">I'm ready when you are.</li></span></font> </center> Which on a desktop looks like this: But on a mobile it looks like this: I am using em instead of px because I read that this is meant to help with the scaling, and in most cases this is fine across my entire site, but for some reason it is not here. How can I use code blocks to create custom text for visual impact on my site, but still have it scale down so it looks just as good on mobile? Thanks.
  2. Hello, I would like to edit the following Javascript code to start automatically, when somebody lands on my page. The code is for a simple counter from https://styleddigital.com/blog/2017/5/10/how-to-add-an-animated-counter-in-squarespace. Unfortunately this question has not yet been answered there. Maybe you can help?
  3. Hi, Is there some code that will make a 'code block' fill the full bleed of the screen on the homepage? The code block currently retrieves and displays two images (one on hover only) but the images don't spread full bleed as I can only manually drag the code block out to a certain width. I'd need a 'responsive' solution to perform properly across all devices (smartphone etc.). Any help would be much appreciated.
  4. Hello everyone, how can I modify the following code so the 90 is displayed within a perfect square and in line with everything else.
  5. Hi, I recently added a javascript code block to my website which appears fine during page preview and when editing the various blocks. However, the blocks don't appear when I navigate to the site via links or the URL. Is there a time delay on those widgets appearing on the website? Thanks
  6. Hello, I am working on a website where I am trying to create a lightbox that opens when you click a link (an image) that will display a bunch of information about a certain music artist including images, text and some audio tracks. I have figured out how to create the lightbox and add text, images and add audio blocks but can't figure out how to get the audio blocks to play. When I press the play button nothing happens. Any ideas on what I've not done? Here's an example of the code I entered into the code block for the audio block: <div class="sqs-audio-embed" data-url="https://static1.squarespace.com/static/545402f7e4b06d59faa5eb07/t/5dbd66f1bcfc042fbcb4b3f2/1572693797459/Simon+Shackleton+-+Constellations.mp3/original/Simon+Shackleton+-+Constellations.mp3" data-mime-type="" data-title="Constellations" data-author="Simon Shackleton" data-show-download="false" data-design-style="minimal" data-duration-in-ms="428000" data-color-theme="dark" > </div> Thank you! Chele
  7. I'm using a third party inquire form for a event venue website, and the code they sent me is not going in correctly- granted I know little to nothing about coding. Help?
  8. Hello! I've been trying to embed a Google map with many locations using the code block and have been unsuccessful. Here's what I'm trying: <iframe src="https://www.google.com/maps/d/edit?mid=zQt4MNbEpF4I.kekuMUBw0-DM&usp=sharing" width="640" height="480"></iframe> The URL I use is the one provided when I ask to share the map. I've also tried adding the actual URL of the map: https://www.google.com/maps/d/u/0/edit?hl=en&authuser=0&mid=zQt4MNbEpF4I.kekuMUBw0-DM So far neither of these URLs will work. I end up with a large blank frame. Anyone know how to get the display working? Thanks!
  9. Hi all! I'm trying to embed some code from Society6 to display prints for sale on my Squarespace site. The code: <script type="text/javascript"><!-- s6_user = "mattmatthew"; s6_format = "300x250"; //--></script> <script type="text/javascript" src="http://society6.com/js/show_banner.js"> </script> I'm having some issues getting it to show. I've attempted to use both the code block and embed block features, but with no luck. Can anyone offer some advice to address this problem? Aloha,Matt
×
×
  • Create New...