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

Search the Community

Showing results for tags 'blocks'.

  • 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
    • Selling & Scheduling Your Services
    • 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
  • German Circle Members's Topics

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

  1. Site URL: http://vividbooths.co.uk I have a staggered layout (works well on desktop), but 2 pages on my site need the second row column order reversed for mobile view. http://www.vividbooths.co.uk First is in my home(index). Page title is 'cascadinginfo' and the second row displays 'weddings' section using a card block on the right column, with a separate associated image displayed on the left column. Mobile view results in the 'weddings' associated image preceding the card block 'weddings' , but for continuity, I need the column reversed for mobile view. I've searched this site extensively. Lots of users have similar problems, and remedial code that should work for me looks like this; @media screen and (max-width:640px) { div#yui_3_17_2_1_1589993939235_232+.row.sqs-row { display: flex; flex-direction: column-reverse; } div#yui_3_17_2_1_1589993939235_306+.row { display: flex; flex-direction: column-reverse; } } Or this; @media screen and (max-width:640px) { /* cascadinginfo-columnreverse */ div#block-yui_3_17_2_1_1593356729679_4534+.row { display: flex; flex-direction: column-reverse; } } Neither is working for me, and I am concerned that I am not sourcing the correct id's from the inspect element on my site because it's not clear to me which one to use. The row id that specifically targets this 'weddings' section is dynamic and can't be used. My second page is the bookings page https://www.vividbooths.co.uk/booking-page The text is hidden unless viewed on a mobile (because I am using accordion text for desktop), but the same issue on the second row. The 'Choose Your Package' card block appears after the associated text.
  2. Site URL: https://wolf-panda-dnzy.squarespace.com/team Hello! I am creating some pages for a client that requires a lot of blocks next to each other, in a specific order. In one case, it is a team page where each person is in their own block, arranged chronologically when they were here. If a new person needs to be added as the latest addition to the team, they should be the FIRST person now, but this means, moving EVERYONE over and re-creating all the blocks? In the other scenario, I have a long list of blocks that are arranged in alpha order. If a new item needs to be inserted that has to be placed somewhere in between two existing blocks, how do I do that without again recreating the entire page following where that block gets inserted? Am I missing a way to insert a new block and have all the blocks "move over"? The site is pw protected and I can't give out the pw since it's a clients', but I am attaching screenshot. Thank you!
  3. Site URL: https://chihuahua-porpoise-hy7x.squarespace.com/ Hi guys i seem to be having trouble with some code when overlapping sections on 7.1 On my dashboard it is fine, but when i send the link to someone to view, it goes all out of shape covering all every section. Also it does not constraint the mobile version of the text either. Can someone see the issue with the code at all please? [data-section-id="5f05ba10c138084aa1ceeab5"] { width: 80%; position: absolute; min-height: initial!important; z-index: 30; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); /*&+section { padding-top: 40px; }*/ .content-wrapper { padding-top: 0px !important; padding-bottom: 0px !important; padding-left: 0px !important; padding-right: 0px !important; } @media screen and (max-width: 767px) { position: relative; min-height: initial!important; display: block; width: 100%; overflow: hidden; border-radius:0px; -webkit-transform: translate(-50%, 50%); -ms-transform: translate(-50%, 50%); transform: translate(-50%, -15%); } }
  4. Hi, can anyone help? I am having trouble with the food menu block layout, the styling of it means you need to have a title, description, price. But on the starters I don't need to have a description for something like "Olives" without it though it doesn't move the pice into the correct place. I can put a character in the space where the description is to move the price over but it doesn't look nice. Does anyone have any ideas? Many thanks, Jo
  5. I'm working on my first site in 7.1 and I'm frustrated with the massive amount of space after a header when I do a hard return, For example, if I have one line in H1, hit return, there is a large space between the first line and the second one, whether it's a paragraph or another header, Is the any way to reduce the spacing when I do a hard return after a heading? Tweaking line height in the style editor doesn't help.
  6. Site URL: https://hotelanimalmelb.squarespace.com/ I'm looking to change the order of some Image & Text blocks on my Squarespace 7.1 mobile site. WEBSITE: https://hotelanimalmelb.squarespace.com/ PASSWORD: animals I'm looking to put the image relating to 'THE 27 CLUB' heading on top when viewed in mobile. It currently organises itself to below the text and isn't the same as the other two paragraphs/images.
  7. Site URL: http://www.maevaberthelot.com I built my website with Squarespace 7.1 and on the mobile version the blocks in the footer seem to be automatically stacked vertically (pic 1). I am trying to get all the blocks in one horizontal line like on the laptop version (pic 2). Does anyone know how this can be changed? Thanks in advance!
  8. Site URL: https://capao.squarespace.com/our-story Website password is capao I'm looking for assistance in changing the position of some blocks within a row for mobile view. I'd like all the images within this row or section to have all the images on top of the text. I've tested the following style but I can't figure out how to target the row with the 2 block I'd like to switch. display: flex; flex-direction: column-reverse;
  9. Site URL: https://plantain-tuna-r92h.squarespace.com/ Hello, I am having difficulty writing custom code to layout specific blocks when viewing in mobile. I am trying to make the image on the right, appear before the text on the left when viewed on mobile. I have included some images below to illustrate how the site currently looks on mobile. The first image shows the desktop view while the remaining images show the layout when viewed on mobile. I would love to have the image (printer) appear on top of the text. The block ID for this is #block-yui_3_17_2_1_1592845583541_26222 Let me know if you need any further information, any help would be greatly appreciated. Kind regards, Andrew
  10. Site URL: https://www.marykatemcdevitt.com/work#/part-of-the-progress/ Hello, hello! I am super new to Squarespace with no experience building a website. (Sorry if the terminology is off, this clearly isn't my day job! 😜) I really love how this website is set up and I'd like to kinda follow her example to set up my own content. I am curious - is this an example of a default gallery page? And is this a custom page that's been set up with the various blocks? Is there something I can look at in the code to see how a page is setup? I'm also starting with the Avenue template. Thanks so much - I'm going to attend a newbie webinar and keep watching videos, but appreciate any direction or links to articles!
  11. Hi, I'm trying to change the top-padding within the content wrapper on my home page, but unfortunately I'm missing the block id for the div I want to edit. I only have the yui id so whenever I do make the change it goes back to the original when refreshed. Attaching screenshot below so you can see. Am I missing the block id somewhere? Thank you!
  12. Hi, I hope someone can give me some advice. For the past 24 hours I've been trying to link a few products to product blocks on my website. I'm experiencing two problems: 1) I am unable to associate products to product blocks. When presented with the popup box and the "search products" tool, I copy and paste the exact product name into the text field, but Squarespace is unable to find the product. 2) On a couple of occasions, the system was able to find the product page, but is associating the wrong image to the product. In these instances, I went back to the product page and verified the images, so I know that the system is in error. Any thoughts on how to resolve this? I've sent two emails to Squarespace, but haven't heard back from them. Thanks!
  13. 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?
  14. I drafted a landing page with a reasonably simple layout (provided link). Adjacent images that act as buttons. However, when I try to build it in SquareSpace the images have tons of space between them. Is there any way to reduce the buffer space between adjacent images?
  15. Site URL: https://www.boutique14.co.uk Hi, How can I introduce some space to the sides of the three images on my homepage? See red squiggles on attached screenshot. When I use spacer blocks the images resize and I can't get them all the same size again. I can't re-size the spacer blocks sufficiently to make it work (there's a minimum width). Is there either some CSS to make spacer blocks more width adjustable or some other way I could put a margin or padding around those three images to bring them in a little? Thanks.
  16. 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?
  17. Site URL: https://attorneyaaronromano.com/ I'm trying to make a text block only be visible over an image in mobile view and be hidden when viewing the website in desktop view.
  18. 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
  19. 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
  20. 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!
  21. 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!
  22. 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.
  23. 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.
  24. 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
  25. 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?
×
×
  • Create New...