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

Search the Community

Showing results for tags '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 68 results

  1. I am using this code to reduce the size of 'Amazon, Apple Books & Google Play Badges' images on my Home Index page on the Mobile version of website only (lifedeeperstill.squarespace.com) but nothing seems to be working. I upgraded my plan just to custom code! Would someone be able to check it out? #collection-5e26fcabf068c869feaa849f #block-yui_3_17_2_1_1577452920169_13860 { @media screen and (max-device-width: 640px) { .sqs-block-content .image-block-outer-wrapper { width: 50%; height: 50%; margin: auto; } } }
  2. I'm trying to figure out how to remove the word "Featured" from the summary block. I've attached an image of the text I'd like removed. This is the webpage: https://globalforumforcivicaffairs.org/about-us Thank you!
  3. Hello - I am using the features layout / template on a page. I would like to add more rows of the block combination (image, header, text) - ie it gives me 3 rows of content, I need 10. Is there a way to copy and paste these rows / blocks so that I don't need to add each piece manually?
  4. Hi! I'm creating a page in the Avenue template. When viewed on a desktop there is an image on the left, and text to the right (see "M", attached). When viewed on a mobile device, the image comes first, with the text below (see "D", attached). I'd like to swap the positions of the 2 blocks on the mobile device. That is, I'd like the text first, followed by the image below. How can I do this? Thank you!
  5. Hi. I'm trying to create multiple gallery blocks on one page that each display differently sized images (see an example from my Behance account below). Squarespace crops the images all to be the same aspect ratio, therefore some images get cropped severely. Any help would be much appreciated. Thanks!
  6. Hi all, I am trying to modify some custom code (sent to me a while back by an awesome forum member, thanks! @tuanphan). The code is for replacing the title text of the image block with a logo image, it works perfectly in the first two instances (in the .image-title). I am trying to modify the code to display an additional logo (100YRS in screenshot) directly next to the "Visit Timeline" button. I've attached a screenshot of the design intent. The code currently looks like this: div#block-yui_3_17_2_1_1573768565031_133210 .image-button p { visibility: visible; } div#block-yui_3_17_2_1_1573768565031_133210 .image-button p:after { content: ""; background-image: url(https://static1.squarespace.com/static/5dcc2616727c242c65b6f443/t/5e189c27af0cd62902160d3a/1578671143316/100yr-14.png); background-size: contain; display: block; width: 83px; height: 46px; visibility: visible; background-repeat: no-repeat; background-position: left center; }
  7. Hi, I have a couple of things I would like to do in terms of text overlays on an image. I am using standard image blocks with the "Poster" configuration to allow text overlays. In order of importance, I would like to do the following: 1) I would like to "Top Justify" the text that overlays three images on my site. As you can see in the screenshot below, they are being forced to the center of the image blocks. 2) I would like to increase the size of the font that displays the pricing at the bottom. I am able to make it bold, but I don't have many styling options other than that. Essentially, Squarespace only allows a Title and Subtitle font to be included natively. 3) I would love a way to add some whitespace (You'd think a simple spacer would be easy to add to an overlay). For example, some space between the description of services and the price/buy now button. Simply hitting enter allows you to preview how this would look in the editor, but once you save it automatically removes this whitespace. Are these edits possible to do? Thanks in advance to anyone who can help/offer advice.
  8. Hey guys I am new to html customization but I followed some seemingly easy instructions on how to add a colored background to my text blocks by creating a code block . Here's the code I used: <div class="grey"> <h2>1. Inquiry </h2> <p>text text text </p> </div> <style> .grey { background: #ffe6ee; padding: 25px; text-align: left; } </style> I repeated this three more times and all of them show except the first block. Any ideas? I suspect it may have to do with the underline design code I added in as well: <html> <head> <style> h1 { text-decoration: underline wavy; } Any suggestions or insight would be great!
  9. I've got a text block on my homepage, but I'd like to reduce the padding at the bottom of it
  10. Hello - I was wondering if anyone knows how to pull in the tagged photos to an instagram block. I don't want the main photos but the ones where someone tagged the profile to share on Squarespace page. I've seen ways to do it as a hashtag, but I simply want the tagged photos to be displayed. Any help would be appreciated. Thank you,
  11. I am currently working on a site using the Forte portfolio format and while text format works on a computer screen it fails to do so on mobile. I have my text organized in a column format and the issue I am experiencing is that on the computer you can read column 1 and column 1 where as on mobile it reads column 2 and column 1. Could anyone please help with this issue? It would be most appreciated.
  12. I am trying to use an embed block on my Squarespace site to display the following iframe on a page: <iframe style="border: 0px;" width="120" height="430" src="http://mintillustrations.theprintbar.com/publish/ifeed?s=0&t=Products&o=0&f=Arial&fs=10&bg=%23FFFFFF&fg=%23000000&c=1&cnt=3"/> When I attempt to put the code in an embed block using the "embed data" field (not the URL field), the block displays a pixelated sad face page icon. Does anyone have any idea why this iframe code won't work with Squarespace, or ideas on how I could make it work? Thanks in advance!
  13. Hi, Does anyone know how I replace the title of my collage block with a logo? See attached photo. This is driving me bonkers..
  14. I'm working on this site: https://jacqueline-misla.squarespace.com The home page and Expertise (https://jacqueline-misla.squarespace.com/expertise) page are both using Poster Image Blocks. I'd like to center the text on the Image Blocks on the Expertise page while keeping them left aligned on the home page. Can anyone help?
  15. I have some text wrapping around an image which looks fine on desktop, but in mobile view the image displays above the text rather than the text above the image. Does anyone know a way to fix this? Images below. Cheers!
  16. Hey All, I want to have an image on my website that changes when you hover over it and you can click which sends you to another page on the website. I haven't been able to find this anywhere, maybe I'm just not asking the right question? Here is the code I have so far which works for the hover image change, but I can't figure out how to make it clickable and redirect. "<img src="Original-Image.pmg" onmouseover="this.src='second-image.png'" onmouseout="this.src='Original-Image.png'">" Thanks for your help! Upstart Strategies - Google Chrome 2020-01-07 11-14-38.mp4
  17. I'm using the collage block throughout my portfolio site and I'd like it to appear in different colors on different pages. For example, if you visit: https://www.johnpattersonportfolio.com/#/zulily/, you'll see purple - which works with the presentation. However, if you go to https://www.johnpattersonportfolio.com/#/wizardsofthecoast1/, you'll see the purple again. I would like it to be a light blue instead. I want to customize the color of the collage for every one of the 11 pages I have. Please help! Thanks! Dustin
  18. Hi, The product page not giving enough styling options, I am replacing them by a page like this one: https://www.salvafauna.com/en/ethical-wildlife-photography-tour-gaspesie-canada I need to hide the Quantity in the product blocks, as the client can choose the number of participants instead. Could you please help me with that? Thank you very much! Jonathan salvafauna.com
  19. I am trying to add a color AND a link to several words on my website using the markdown block. For some reason, when I add a color and try to add a link to the same words, The color gets turned off. For example, I added the twitter link and the pink color is gone. Is there a way to fix this? Is there a bit of code I am missing?
  20. Hi, Does anyone know how can I track conversions for the Newsletter Block? I know you can see the number of 'form/button submissions' under the Analytics section, but I'm interested in the more advanced tracking where you can see the source of the newsletter sign up. Say I run an advertising campaign across both Google Ads and Facebook Ads, I'm curious to know how many people sign up to my newsletter from each channel and not just the total value across the 2. Hope this makes sense and any help is much appreciated! Many thanks, Adrian
  21. For some reason the padding looks good on pages when you edit it. However, when you view the page it is pushed towards the top and not centred. See photos attached. Why would this be and how can I fix it? The section height is set to 15px, content width is large and content alignment is centred. I think it may have something to do with the header but I have tried changing the setting from fixed to normal and it hasn't changed.
  22. Hi guys. Hoping someone can help here. I have a site where I've added a social block. Without going into too much detail why, I need to have 2 different Facebook links but only show one or the other on certain pages. Does anyone know the CSS required to hide either first or last one? I have it as Facebook, Twitter, Facebook. Or, if anyone knows another way to do this, that would be great. I thought I could just put a different social block on the different pages but it recognises the existing Connections. Thanks in advance.
  23. hi there! wondering if there's a code i can inject to make the code block full width on this page www.simplyrepair.uk/reviews I have tried #reviews .Index-page-content { padding-left: 0px; padding-right: 0px; padding-top: 50px; padding-bottom: 0px; } but that's just the page padding itself as far as i understand and the code block appears to be limited to a certain width Thank you!
  24. Hey there! I've been looking for ages for a way to do this in Squarespace: a before/after player. All audio mixing/mastering engineers, as well as post-production houses would explode out of sheer joy if this suddenly became possible. As seen in the image I attached, the player would start both audios (before and after files) simultaneously and use volume of each to create a crossfade. Click on "before" and hear the "before" audio clip, while the "after" clip is silently playing. Click on "after" and crossfade between the two audio files, with the "before" clip playing silently. One player would work for 2 files. There should be a visual indicator that the buffers are full before the user triggers "play". Apparently this could be done with Javascript. Is this plugin possible within Squarespace? Thanks a lot!
  25. I wanted to know how to resize a specific text block ID. The situation at hand that I used the following code to make the text size on the mobile version looks good...but I have a counter of employees on my main homepage with a '+' sign next to the counter code block (separate) which makes the '+' sign fade in the counter on the mobile version. What I want is a code that I can write in the CSS with the '+' sign block ID for the mobile version only. Notice: Check the attached images for comparison before & after applying the mobile text size code. Used Code: @media only screen and (min-width: 1025px) { #main-navigation { background: rgba(101, 89, 60, 0.9); width:15%; } } #main-navigation { background: rgba(101, 89, 60, 0.9) } @media only screen and (max-width: 640px) { body { font-size: 16px; } h1 { font-size: 35px; } h2 { font-size: 22px; } h3 { font-size: 20px; } blockquote { font-size: 16px !important; } }
×
×
  • Create New...