Search the Community
Showing results for tags 'blocks'.
Found 139 results
-
Hi all, Our website is www.kowalacreative.com, password is "atlaspants" We're trying to figure out how to reorder our home page images on mobile so it appears as: -Text- -Image- -Text- -Image- etc... Any suggestions?
-
I am moving blocks on my screen, and when I do so the screen blanks out. I have tried it on multiple bowsers, devices, and removed CSS and Code to trouble shoot and it still appears. It is also happening on other sites of mine. I'm stuck to find an answer on how to resolve. Any ideas or settings? Untitled.mp4
-
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?
-
Hi I have gallery blocks featured on my website. How can I display the categories or tags above the block and let users filter the gallery by category, as is straightforward on Wix and every other website builder I have used? Kind regards
-
Hi everyone! I have a problem with the mobile device view of my page. I have some pictures. Every picture has a text on the right side. In the browser, everything looks good. But on the mobile screen, shows me first the pictures and then the text. Please help me, what can I do? Sorry for my bad english, I am from Switzerland :) Dominique Looks on iphone :( Looks on macbook :)
-
Hi everyone, I am using the Utica (Brine) template for my site, and it has 3 image blocks across the home page in the "stack" format. I've added a button to each one that links to a different page on the site. The buttons automatically align to the left of the block, below the image and text, and of course are slightly different widths as each one has different text. I've found CSS snippets to standardize the width of the buttons here and elsewhere on the web, but they don't have any impact on the buttons in the image blocks. Is there any way to make all of these buttons the same width, and also to center them at the bottom of each image block? Thank you so much.
-
I'm having a strange problem with my site where it appears that the max-width container on screens above 1200 px goes down to 33%. It looks lousy and I'd like to change it, but I can't figure out how to do so. The site is https://www.ofbyforall.org/ and the problem occurs on blog posts like this one. Using the inspector, I was able to figure out that the width of the container goes from being 100% for every screen smaller than 600px 83.33% for screens 600px - 900px 66.67% for screens 901px - 1200px Then at 1201px, something happens and there's no media query at all, and it defaults to the rule that the width should be 33%. See attached image. This makes blog posts and pages look lousy unless I manually insert spacers on the sides, which I don't want to do. Is there a way I can change this 33% default to something more like 66%? Or is there a way to add a media query to the CSS on the site for screens up to 2000px or something? I would greatly appreciate any CSS suggestions people have for how to solve this. -
Code Blocks and Javascript on site in development
Omkara posted a question in Coding and Customization
Hi I'm a Squarespace noob. 1. The objective: to populate a Squarespace page with data/html from a backend system, using Ajax. 2. Testing javascript: I've created a Code Block on a page, and added some simple, vanilla javascript: <div id="displayDiv"></div> <script type="javascript"> document.getElementById("displayDiv").innerHTML ="<h2>Omkara's lab block</h2>"; </script> 3. As expected I get a "Embedded scripts" for the block and are asked to "view in safe mode" 4. Once I enter safe preview mode I am (as expected) told to log out and view the page However, once logged out I can not view the page as the site is in development and hence not published! What am I missing here? Also, if anyone knows of other waya to include data from another system without using Ajax (which may cause issues), it would be cool to know about them Yours Omkara -
Hey there, I am trying to replicate a detail from the following website www.mixd.co.uk where the text and line connecting to the pencil image move together in the same position when resizing the page, consequently changing image and text position as it reduces to tablet and mobile size. I have tried everything, but not succeeding. If anyone can help, it would be amazing. Thanks. Y. -
Hello there. I need a little help with this. I am trying to find a way to lock the text/spacer blocks to the background image (or the other way around) on this specific page. The first image shows how I wish the text to appear (full browser width) and the second shows a narrowed browser view. Is there any way to block responsive design for this single page so that the text and background are always aligned (http://www.alarmeighteen.co.uk/desk)? Any help would be much appreciated. Thank you in advance!
-
How to change padding on block based images grids
JonJonJon posted a question in Coding and Customization
I have an issue with irregular padding and block sizes. I am trying to create a page composed of Images in an irregular grid. 1. For some reason the images are being automatically cropped so that they don't fit their container - leaving irregular spacing between images 2. I would like to adjust the spacing between images My attempts to figure out the CSS have been a bit of guess work with no elegant fix that works. Ideally I'd like a responsive padding solution. https://jonathangallagher.squarespace.com/overview-2 Notes: - This layout is adapted from the supplied grid image layouts, which I then used the poster option on each image. - Brine Template - Bizzarely when i click on each image to edit it, it suddenly fills it's container, only to revert back once finished. - I can't to minor adjustments the containers of the images, some don't align, which is odd, as you'd expect there to be a predefined grid -
I have two images that I want to butt against each other. They need to be maintained as two images so that they are each clickable directing the user to two different URLs. Anyone know of a technique, trick or code injection the will allow me to accomplish this? Thanks. Michael
-
In the section that starts with +What is a CSA, the text in the markdown block is cut off on mobile devices if you open one of the options towards bottom. url: https://www.fosterbradyfarm.com/csa-membership
-
Seems simple enough! I am currently recreating this website In squarespace for a client. I am rather new to squarespace, this is my first project using it to recreate something. The client wants the squarespace remake to be as similar as possible to the website they already made. Everything's been going great, for the most part, only a few times I have had to mess with the custom CSS... Except when I tried to remake this page. Specifically the colored text boxes arranged side by side, one on top of another. I made two columns and started putting in each text box. I found that changing the background color of each individual box is not possible without finding the block ID and changing it yourself in the custom CSS, so thats what I did. In the old site each text box was separated by a white line, showing distinction. However squarespace merged the text so it was not possible for me to put a border around each textbox, nor was it possible for me to increase the spacing... It doesn't seem like this is going to be fixed either... thats ok. So i moved to my next idea, though this is a roundabout way of doing things, I tried putting a spacer in between each little textbox, but adjusting the spacer so that it was much smaller that normal. I thought I had finally come to a viable solution! But... upon further investigation It seems that you cannot make the height of a spacer block any smaller once you get to a certain point. So here I am, going through way to many hoops to do something so simple... believe me if I was making this site for my own purposes, i would have long since given up on this style, however, I am not. I am making something very specific for someone else's needs. If I cannot find a solution to this I will either have to approach the client and tell them "sorry, squarespace just does not allow all of the designs you want." or I will have to move to another CMS. I really don't want to do either of these, so please someone help me out! Thanks in advance. -
Can I have two different social links blocks in different places on my site? So far if I change one, it changes all of them across the site. I want it so that the footer always has facebook, twitter, and instagram, while my 'music' page has spotify, apple music, youtube, and soundcloud. Here's how it looks now:https://www.airshipcaravan.com/music -
Hi there, I am trying to remove the top and bottom footer blocks from my page (unpublished). Anyone know how?? Using Brine template. Thanks!
-
Hi guys! I'm currently putting together a website for a client and am hitting a bit of a hiccup when laying out their team page. I want to stagger the content as follows: Image | Text Text | Image Image | Text etc The layout is working exactly as desired on Desktop, but as most of you can imagine, it becomes problematic on mobile devices. Is there a way, using the mentor theme, that I can inject some css code to reverse the stacking of each 2nd row, without throwing the rest of the website into disarray? Really appreciate any assistance! NB. The url for the page in question is www.jamesandbrothers.com.au/who-we-are
-
Hi, How can I center the Archive block or move spacers into 1 row in the footer? I'm using the Wexley template.
-
When I try to add my .svg file as an image block I get an error message that only images are allowed. How can I add a .svg?
-
Website: www.momuofficial.com My poster image blocks turn out weird on a tablet. On the phone, it's okay because it stacks, but when it's on a tablet, it appears side-by-side and the text overruns the box (image attached). I tried using CSS to fix it—I tried to force it to appear on a tablet as it would on a phone but to no avail. Also, for the overlap image block which is just slightly less of an issue than the poster image block. On the tablet, the text too small. Any help is appreciated.
-
All 3 of these icons have had the background removed and have been resized to the exact same dimensions (500x500). Why are all 3 of them rendering on the site as different sizes???
-
On my squarepace website, how can I display an external website on one of my pages? My site is for my business. I offer gift cards for my services from another vendor. I have a link to my gift card site/page. I want a page on my site that can display the gift card page.. I want to be able to use the URL builder to link this new page so I can track a marketing effort. How do I display https://"what ever my gift card website page.com" inside of my squarespace site on a squarespace page? Thank you! -
I am struggling to find the block ID for the banner image on this page: https://woodslifecoaching.com/about as I would like to add some custom CSS to edit the H1 text colors on this page only. So far I am only getting the YUI code which I believe is not safe to use... Any ideas?
-
Hi all, I would like to add some extra content at the bottom of my blog page, like a summary block or a gallery But the Brine template, set on grid, doesn't let me add any type of content. All I see are my blog posts. Is there a way around this? Thanks,
-
Hi everyone, in the help pages of Squarespace I can read, that it is possible to tag pictures. I know how to tag events or blog entries, but I cannot find a way to tag pictures in Picture Blocks or Gallery Blocks. Can anybody help?
