Search the Community
Showing results for tags 'blocks'.
-
Site URL: https://endive-denim-89ds.squarespace.com/resorts pw: 1404-Hello Hi community, I have made a wall of images on my page that looks great on desktop, but feels way too long on mobile. I would like to display two images per row (kind of like an instagram page) for mobile screens only. I have tried with the code below that targets the section only, but it doesn't put the images side by side... Any help is appreciated. Thank you ! @media screen and (max-width:767px) { div#page-section-5fd63cbbc4373837b905ef57>.row { display: float; justify-content: space-be
-
Hello, I added an image block and above the image and the text (1) I added another text (2). As I have a design with a frame I can't add an additional text above the entire image block, so is there a way to put the text in full width above the image and text in the image block? BEFORE TEXT 2 IMAGE + TEXT 1 (in size medium) HOW I LIKE IT TO BE TEXT (2) IMAGE + TEXT 1 (in size medium) THANK YOU!
-
Hello, I like to change the image size of an image in an image block so there's no frame around the image itself. The other side of the image block should still contain my text + button. Can someone help me and has a css? I'm using version 7.1. THANK YOU! Would be amazing if someone could help me here. -
I am currently working on a redesign for my client in Squarespace, 7.1 is terrible I have to constantly duplicate the site since it's a larger build and then rework the CSS because the ID's of all my blocks change. Does anyone have a solution for this? I wish I never would have gone into 7.1 for this build and stuck with 7.0. I'm upset that developers seem to be unsupported with this updated version.- 2 replies
-
- 1
-
-
- developer-platform
- css
- (and 1 more)
-
Site URL: https://www.threadapeutic.com/home Hi, I'd like to edit this particular image block of my ecommerce gallery, currently shown as a single column but would like a double column grid on mobile (see screenshot). I'm completely clueless on the code structure other than finding the block id. Please help. Thanks! -
Site URL: http://www.foxandvamp.squarespace.com Hi All Trying to swap the order of blocks on mobile Tried various codes from the forum but no luck. Please can someone talk me through the process as there's a few instances where I want to swap these round. Thanks PW: london88
-
Site URL: https://entrenosotros.just-america.com/02-2020-actividades Hi! I would like to change blocks order on mobile. On desktop the image is on the left and text on the right and that's ok but on mobile I would like the text first and the image below. Website: https://entrenosotros.just-america.com/02-2020-actividades Pass: test Section I would like to change: section[data-section-id="5f22d4ae41363b1aac10c22a"] Thank you very much in advanced!
-
Lots of folks have asked a similar question in different ways and there don't seem to be answers posted, so I figured I'd try again. This community is such an amazing resource! I am wondering if there is a way to use CSS to swap the order of blocks in mobile view so that you can specify some blocks to stack right to left rather than the standard left to right. So something like: @media only screen and (max-width: 640px) { //identify blocks you want to swap and change their order } My site is fh-partners.squarespace.com. Here's what I want to do specifically (on the team page): I re
-
I'm not sure if this has been asked before, but I couldn't find it on the forum. I am trying to put 5x image blocks next to each other, but I've noticed that any time I've tried to add 5 blocks (of anything) in a row on Squarespace 7.1, it becomes uneven. Obviously if it is an even number of blocks it seems to work fine (e.g. 6 image blocks in a row works okay) but if it is an even number of blocks that is 5 or more, it doesn't work. Does anyone know a workaround for this? I don't want to use galleries or summaries because I want a detailed caption under the images, and I know t
-
Site URL: https://faithstrongculture.com/test Hi! I looked through the various other posts regarding full bleed blocks and tried a whole bunch of proposed solutions that didn't pan out fo me. So here I am again. I have the video embedded via a video block with the code below. (Courtesy of Rebecca Grace) <iframe src="https://www.youtube-nocookie.com/embed/*******?playlist=*******&autoplay=1&controls=1&loop=1&mute=1" frameborder="0" allowfullscreen></iframe> I would like that video block to display full screen just as it would if it were a banner vide
-
Increase space between image block and text block?
ProChemicalStore posted a question in Coding and Customization
Site URL: https://www.prochemicalstore.com/om-oss Hi, I need to decrease the space between the headline of the image and the body text. (the gap btw "Vad vi gör" and "Representerar..." on attached image. I'm thinking of two methods: 1. Use HTML in a code block. But then I need to know the path to the image. Is there a way to get that information? (the support guy didn't know) 2. Customize it by CSS. Is there another way? Many thanks! -
CSS to enforce same height for rows on a specific page
interactionld posted a question in Coding and Customization
Site URL: https://www.interaction-ld.com/coaching_new I am trying to add custom code to a specific page and specific blocks of 'lines' and 'text' so that they are the same height and look in line. I found some code on another thread that I thought might be something to start from, but am unsure how to edit it for my page as it relates more to image blocks. I also wondered if I just needed to add the 'flex' element. I want to be able to have the items in any order and always be the same height. It's also possible that I will wart to target these same blocks with other custom code such -
Site URL: https://lemon-cranberry-x99z.squarespace.com/sequence-photography-moving-the-weasel In desktop view, I have an embedded video displayed text wrapped in my text. I would like to keep this text wrapped look when in desktop view, however, when in mobile view, I would like the embedded video to display after the text. I would like to keep how it looks with the text wrapping in desktop view, but have the video appear after the text just in mobile view. Is there code that can do that to put in Custom CSS? I think it's kind of similar to this: (My website is not pu
-
Site URL: http://carissatrianty.com Hi there, I'm working to edit text captions within inline-formatted image block. I put the text on "Overlay on Hover". The texts are already there (I put them in a while ago). I just needed to edit them, but when I hovered over the image and the text pops up, it didn't allow me to edit it. The cursor barely changes to editing cursor and remains on "Grabbing" one. I've been trying to deal with this for the whole day now and found nothing as a solution it's so frustrating. I did inject a code but it was only to style the overlay. Mind you that I put the
-
Site URL: https://anxioussound.com/aoty-2020-2 Hello, I'm using the Foster template in V7. I have a page with two columns: 25% 75% The left column contains a div I would like to make sticky (sticks to the top of the browser window on scroll). Here is the HTML: <div class="aoty-yr-container"> <div class="aoty-yr sticky"> <h1> 2020 </h1> <h2> The past is full of dead men / The future is a cruelty </h2> <p> Protomartyr </p> </div> </div>
-
Site URL: https://realty-kiosk.com/ Hi, I have a problem with Archive Block not recognizing Categories any more. It just occurred two days ago (3April21). Everything was working well for the past year while I was building the site. I have one Archive Block for filtering Categories and second one for filtering Tags for my products. Archive Block with Tags is still working properly, while Archive Block with Categories just stopped recognizing product Categories, showing the message "This blog has no content yet...". I don't know what happened. Please see the attached images. I a
-
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://liptovskydvor.sk Hello all, I would like to ask for help with aligning text block within section on my title page. I would like to have top left alignment for desktop version, but have different, bottom alignment for mobile version. I also need the subtle background overlay so the text does not blend into the image: The block ID is: block-yui_3_17_2_1_1617563024648_5628 My CSS code so far: /* bkg overlay mobile title block and alignment */ @media screen and (max-width:640px) { #block-yui_3_17_2_1_1617563024648_5628 { background-color: rgba(255, 25
-
Just discovered: Block IDs changed on a live site (7.1)
Latrippi posted a question in Coding and Customization
Site URL: https://www.isabelwilkerson.com/ I just discovered that some block IDs on a live 7.1 site have unexpectedly changed, breaking important custom CSS. I launched the site months ago and haven't made changes to the affected page since December. Thankfully, I guess, the site has only two pages and only the home page seems to be affected. No one else has edit access to it. Has anyone else experienced this? Did I overlook an announcement in Release Notes about this? I checked the site last week and didn't notice this issue. It's possible I overlooked it, as I was making a- 4 replies
-
- 1
-
-
- blocks
- custom-css
- (and 1 more)
-
making section blocks background transparent
kanecolours posted a question in Coding and Customization
Im trying to add images with the "add blank+" on section blocks. my issue is my page background color is blue but if i add any type of section block it just turns the whole page white since thats the block background how do i make block backgrounds transparent -
Site URL: https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility Hello! Can someone please help me make the word "Search" in the search block appear white as well as the information that is typed in the search block? Thank you! https://pufferfish-grasshopper-wy5n.squarespace.com/config/settings/site-visibility PW= 1234
-
7.1 Squarespace - editing "Back to All Events" link
iara07 posted a question in Coding and Customization
Hi. I'm looking to edit the "Back to All Events" link that displays at the top left when viewing an individual event on an Events Page. I've found a CSS version for the earlier versions of squarespace but they don't work for the v7.1. -
Site URL: https://www.st-bede.com/ I'm struggling to find a way to make the main image on our home page stretch full width. The prior website developer is no longer with the company and I can't figure out what CSS coding he used (there's a LOT of Custom CSS on the site and I can't make heads-or-tails of what goes to what since very few are labeled what it's for) to make the background styling on the template no longer active nor how to adjust the sizing of the image blocks so they are full-width.
-
Site URL: https://cecilssheshed.squarespace.com/handcrafted-ring-dishes/p/valentines-collection Hello! In a store page, for a product with variants, I see I can add a variant thumbnail image. When a customer views the product images (gallery), how do I add a title for that variant? I want the customer to know what variant they are looking at when viewing the image vs having to select the drop downs to trigger the picture to change. Example: See Red arrow
-
Site URL: https://www.theoak.digital/ Hey everyone. I'm working on the following web site https://www.theoak.digital/ and I want to reorder the text in green boxes only for the mobile view. (The title should be first and the the paragraph) I've seen some other related questions but I could make it to work properly. Can anyone help me on this?
