Search the Community
Showing results for tags 'blocks'.
Found 167 results
-
Site URL: https://www.yennycastro.com/ Hello, I am new to Squarespace and I have just built my portfolio site. I designed the index page with an alternating layout to display my case studies. It looks exactly as I want on desktop, the problem is the blocks are not stacking correctly on the mobile version. Well, the first and third case study are stacked correctly with the image first, text and button afterwards. The second case study called "Pan Am" shows up on mobile with the text, button and image last. I have tried moving the blocks around, joining the image to the text but then the button would move way down under the image, I tried moving the image to connect to the text and button blocks together but it doesn't. Does anyone have any idea on how I can possibly fix this?
-
How to find Block Id for specific css changes.
andrewsquance posted a question in Coding and Customization
I am looking to stop some images I have on my website showing in mobile view,I am using this code: @media only screen and (max-width: 620px) { div#yui_3_17_2_2_1506869794866_1346 { display: none; }} it works however when you refresh the page, the yui has changed so it stops working. Does anyone know if there is a way to get a more a more static block id so that on refresh the code hasn't changed and it always works? My site is not live yet, so can't attach link to it... but would be good to know how to find the block Id, so I can use it on future sites also. Hope someone can help. Andrew -
Site URL: https://www.locomotive.club/ I'm using 7.1 and want to rearrange the display of my social link block to appear at the bottom of my site on mobile, while maintaining a different position on desktop. Is this possible?
-
Site URL: http://studiobarnhus.com/ Hi, I'm in the process of helping some friends with a website. Solved most of it but this one seemingly simple thing is jacking me. I want a page (blog page) to have 1 column with the blog and one column with a social block (instagram). How can this be achived? I've manage to put them on the same page by adding the feed to the specific header of the blog page. I've scaled them both down to 45% width but I can't get the instagram to float right. When inspecting the code I can seem to edit the top level of the instagram feed to be acctually 45%, is this the problem? If someone knows how to do this, I'd be super happy for any advice. password for the site: barnhusstudio12q All the best!
-
How do I move this weather plugin with css
heydanbrowne posted a question in Coding and Customization
Im trying to move this plugin i found with css but for some reason the css isn't responding or there is some other conflict. I want to move the Weather plugin to the top right corner of the website inline with the other header text. here's my css for positioning the div. .temp { position: fixed; width: 100px; top: 40px; left: 80%; font-size: 12px; } And here's my html code block. <div class="temp"> <a class="weatherwidget-io" href="https://forecast7.com/en/37d9823d73/athens/" data-font="Georgia" data-mode="Current" data-days="1" data-theme="original" data-basecolor="#fff" data-textcolor="#fff" data-highcolor="#367d23" data-lowcolor="#367d23" data-suncolor="#367d23" data-mooncolor="#367d23" data-cloudcolor="#367d23" data-cloudfill="#367d23" data-raincolor="#367d23" data-snowcolor="#367d23">Athens, Greece</a> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js'); </script> </div> Here's what it looks like on the website. PASSWORD: Juliahugo (Uppercase "J") WEBSITE LINK password: Juliahugo PLEASE HELP ME - THIS IS SO FRUSTRATING! -
Switching the order of blocks for mobile
AThompson_social posted a question in Coding and Customization
I have these "hop scotch" sections in my site. On mobile this section looks like garbage because it goes content, image, image, content. Is there anything I can do to make it go image content image content? @lu.diehl @tuanphan https://lettuce-grapefruit-bdsr.squarespace.com/ PSWD socialive -
Hi There, I am trying to edit the text of a single block on a page. Right now, I have the following CSS but the only thing that is changing is the background. Is there some other code to adjust the line height i need to use? None of the text seems to change whenever I apply a style properties directly to it. Help! #block-bd6090c6676705461de7 { background: green; line-height: 2.0; }
-
Site URL: https://catherinerosefilms.co.uk/film/wateraid-aftershock-vr Hi, I've found reference to hiding blocks on mobile here: However it does not appear to be working for me on 7.1 which is a bit of a pain. I have a gallery on my page in a section, firstly it does not report a block ID using the handy Chrome extension referenced in the link above, and the code does not work when I try it on something that does give a block ID. How can I hide a section on mobile? I'm brand new to squarespace but not tinkering with code to hide sections so I'm struggling to a not be annoyed by such a simple task thwarting me! Thanks for any replies in advance, James
-
This is wracking my brain and it's hurting. I would like a simple scrolling carousel in 7.1 please. Any ideas? When on mobile (or even website) I don't want to display images in a tiled display as this makes viewing on mobile really clumsy. Is it even possible to add a carousel of images that viewers can scroll through with a description underneath that I can either create link to another page or website? Better still I would love to add a description AND a button to the image either on or below each image in the carousel. This type of feature is seen all over on many websites because when viewing on mobile it is super easy to navigate. I thought the whole point of 7.1 was for it's mobile friendly UX? Has anybody been able to find or source some code for this? It's wracking my brain and I can't be the only one? I have tried using a fake 'store' as you can add a carousel to a block under summary. But when you click the pictures it literally takes them to a store which is not ideal. Any other suggestions are very welcome! Many thanks.
-
Hi, Just wondering how you can go about adding an image next to a block of copy with a colored background in 7.1 so they scale together. Like the attached image.
-
Hey I'm trying to have these 2 columns that are placed on a single page's content with text blocks, scroll separately. Right now they are seated next to each other and scroll at the same pace with the entire's page width. Anyone got any Idea for something that would be simple to employ without inundating the page with too many code blocks to keep it simple for a client. Here's the URL - WEBSITE LINK - password: Juliahugo @tuanphan got any ideas? Here's an image - Need the Exhibitions and Fairs columns to scroll.
-
Site URL: https://www.ensignestates.com/home Hi, I'm trying to remove the ability for users to click through on the Images within a Summary Block on my home page. I have found a previous CSS insert on a previous post but this did not work. They are for display purposes only and does not have any content attached. Any advice / help would be appreciated.
-
I am using the Moksha template and want to make the add to cart button a different color. When i try in style editor it also changes the submit button on the contact us email block. i used this css but it did not work. .product-block .buy-button, .product-block .sqs-add-to-cart-button { font-size: 18px; background-color: #ff9900; padding: 1em 1em !important; } is the code wrong or is it just not possible? my website is www.christaylormft.com the page I'm trying to change is www.christaylormft.com/back-to-basics-sales-page -
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?
-
Site URL: https://albertorozco.co/news Do you know why my blocks dont extend to the width of my header. They extend on a smaller screen but when i use my 27" computer monitor it does what is shown below. Can you please help? I am using jasper template if that helps. I dont want to switch to another template.
-
Site URL: http://www.amightyblaze.com Does anyone know if it's possible to add a banner or block ABOVE the site header on the homepage with 7.1?
-
Site URL: https://bagelsbyjarrett.com Is there a block or a way to pull the hours from the business information and display it on the site? Right now I have it manually entered on the location page and then it has to be updated in business information for the mobile bar. Less chance of forgetting one spot if it both pulled from the same source.
-
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.
-
How to create expanding blocks (Just like an FAQ)
Clife posted a question in Coding and Customization
Hi, My first time in this forum, and I'm trying to create a block of texts that can expand and show more details, just like FAQs. Here's a video that shows what im wanting to do. https://share.squarespace.com/8LujnowG I am using the latest Squarespace version. My template is Handyman. TIA -
Site URL: https://smilodon-ocelot-my5f.squarespace.com/journal Hi, For some reason, the text columns and images on my blog page aren't even? The images on the left are smaller and the text width is more narrow? pass: trythis en
-
Hi 🙂 I'm trying to display multiple products on a page, and align them on the desktop version from right to left, but when I switch to mobile view it dislayes the most left product first, instead of the most right one, and the whole order is backwards. Is there code I can put in the page to change the way things are displayed? (get it to right-to-left instead of left-to-right) *I already got a right-to-left text code in there if that changes anything: <div dir="rtl"> Cheers, Imri -
I have two code blocks on my site, one an instagram wall view and the other a form from Formsite. Both code blocks show up fine UNTIL you click on a page link, then they disappear. Anyone seen this and addressed this?
-
Reordering image gallery block for mobile view.
DingoBones posted a question in Coding and Customization
Site URL: http://ocohomes.com I have a question re gallery blocks and changing the order between mobile and desktop view. I have figured out how to identify #block-yui's, however - in the instance of a gallery block, and the gallery wrapper, I can only find #yui's, which change every time the page is refreshed. I have attached a few images explaining my issues, and what my desired look is. Essentially, I have a gallery block containing 6 x images (attached just references 4 images). In the desktop view, they read: 1.2. 3.4 5.6, In mobile view, they read: 1. 2. 3. 4. 5. 6. However I am after: 1. 2. 4. 3. 6. 5. I was just simply going to make 2 x gallery blocks, with the same images, but in a different order, and hide each of the gallery blocks in mobile view and in desktop view. However, I cant ID these blocks/wrappers. website it ocohomes.com Password is: helpme Let me know what you think, I'd really appreciate the help! -
Hey, I want an image to be used as a button on multiple pages of my website. I got the image button working by uploading the image to squarespace and then getting the URL and implementing the hole thing manually using the HTML <img> element inside an <a href> element in a Code block finishing it of with some CSS Styling. I was wondering if there was a way to change the image later down the line if I ever decide to redesign my button without going through each and every single page and changing the image src URL. Thanks in advance. -
Is there a way to remove padding inside of a code block? I've inserted an image using a Code block and want the block to fit snug around the image itself, but I'm getting an extra padding on all sides. Here is a link to the site for reference Password: weddings This is the code I currently tried to use: .sqs-block-code .sqs-block-content { padding-top: 0px; margin: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; } Any help would be much appreciated!
