Search the Community
Showing results for tags 'blocks'.
-
Site URL: https://www.jabfurniturerehab.com/ pwd is jules Hi, I have on my home page, 4 sections. The first three are the same type of blocks except the alternate in column ordering. So section 1 is like: imageBlock | text section 2 is like : text | imageBlock section 3 is like: imageBlock | text When I view it on mobile, section 2 looks funny with the image block under the text. Can someone tell me if there is a way to force the image in section2 to be first and then the text? This is screenshot of desktop: and this is screenshot of m
-
Hello, I am attempting to change the code for my Audio Blocks in the Fiver template to match my site colors (I use the audio blocks to post episodes of a podcast.) I was able to change the background color of the main bar and the color of the tile font but can not seem to change the author text color, play button or progress bar (one trick was to realize the title font was set for the LIGHT setting, not the DARK setting of Audio block). Was hoping for some suggestions. Here's the code I've been using and thank you in advance Tim. .sqs-widgets-audio-player { b
- 28 replies
-
- 2
-
-
- custom-css
- audio
- (and 1 more)
-
Site URL: https://faithstrongsite.squarespace.com/layertest Hi! I am trying to layer image blocks directly on top of each other on a single page. I did this with two images on the page linked above. (password: faithstrong) Adjusting the margins seems to work, but not on mobile. Here is the CSS I used. #block-yui_3_17_2_1_1611041268633_5042 { margin-left: -640px; } #block-yui_3_17_2_1_1611041268633_3771 { margin-right: -640px; } How do I get the same effect to work on mobile? Am I using the best solution for what I want accomplished? I'd also like to be able to -
Site URL: https://barbari-herbal-spliffs.squarespace.com/ Hello, I am trying to change the order of my blocks in 7.1 and I know I can do the following to accomplish it: div#yui_3_17_2_1_1592592061173_386 { display: flex !important; flex-direction: column-reverse !important; } I do this in my inspector and it works. BUT I add it to my CSS, then go back to check to see if the code is coming through and its not working because the ID changes? Has anyone else experienced this before? Is it new with 7.1? It was "yui_3_17_2_1_1592591448498_393" at one point, then "yui_3_17_
-
Showing content on hover being hidden by content below - help!
JoeB posted a question in Coding and Customization
Site URL: http://papaya-pelican-p4gp.squarespace.com Hello community. Hopefully this is a fairly easy css fix π @tuanphan !! I'm using 'poster' style image blocks and have css to make the contents of the subtitle show on hover which works well. My problem is the the subtitle contents is being hidden by the image below. Maybe something to do with z-indexes but I've tried a bunch of things with no success. papaya-pelican-p4gp.squarespace.com password: helpme123 Current custom CSS: .design-layout-poster:hover { cursor: pointer !important; } .design-layout-post -
Site URL: https://runatitshouting.co.uk/podcasts I have managed to put a block button above my events page www.runatitshouting.co.uk/podcasts I need to do the same thing for the blog page https://runatitshouting.co.uk/podcasts-blog Are you able to help me? Thank you so much! CODE below of the block button above events page. <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.0/jquery.min.js"></script> <script> $(document).ready(function() { $('<a href="https://runatitshouting.co.uk/donate" class="sqs-block-button-element--medi -
CSS Code for Image Block - Collage Block Button
jadeeleanor posted a question in Coding and Customization
Is there a way to add CSS to the collage image block so you can add an extra button? -
Site URL: https://www.dextersupplier.com/ Hey guys! Is it possible to create a product block on the home page where you would always search for products on multiple product pages and present them inside the block at random each time you reload the page? I have already created product blocks but they are limited per page, then I thought about creating at least 3 blocks and I still came across 2 bugs in the carousel: 1. it is not possible to leave it as the Instagram block that has auto scrolling; 2. products with variations do not show the price, only the "from" values. I urge
-
@raphaelfontes @Jo_G @MatthewSinger Hello Squarespace-helpers! I have looked around quite a bit, and unfortunately could not find instructions on how to properly fix the issue of aligning items in different columns for mobile. Many posts like the following address it, but the solutions are only individual fixes and not general information! If we have to use the CSS property min-height to align objects horizontally for all screen-widths, please supply sufficient documentation how the relevant blocks are to be identified via inspector/chrome extension/...! -
Hello Squarespace experts, I'm hoping someone has an answer to my issue. I have added blocks to my site, embedded blocks, with JavaScript that launches an aws page. The issue is that the two buttons that are supposed to launch to different aws locations only open one. I have checked my code and it is correct, with the correct address. Any ideas about this issue? Thanks.
-
Reorder summary blocks/image blocks in mobile view only
JosieAustin posted a question in Coding and Customization
Site URL: https://www.josieaustin.com Hey there! I would like to reorder a couple of blocks on this page in mobile view. In the first section under the header, I would like the search bar to appear on top, followed by the featured block "Latest and Greatest," followed by the other two summary blocks in any order so it looks like: search, latest greatest, summary block, summary block. In the last section called "Articles and Essays." I want the "Article and Essay" Image to appear on top of the section instead of on bottom so it reads: Image (articles and essays) summary block. -
Site URL: https://mango-armadillo-z5an.squarespace.com/en/top I'm new to html and css. When I put blocks with different number of text in parallel, the buttons below them are not aligned. I want to align the buttons at the top of the blocks when they are aligned horizontally. How can I do this? It may be at a rudimentary level, but I would appreciate your guidance. This site is 7.1 version and Business plan.
-
Hi, I cannot add any audio blocks to my product page. I added one yesterday to it and its still there but I need to add more, also I can't even edit the one I added yesterday. No insert points show up and no option to add new section shows up. I'm using squarespace 7.1 How am I meant to add these blocks to my product? Thanks
-
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 a
-
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. -
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!
-
Instagram blocks not showing captions (descriptions)
kennedyc posted a question in Coding and Customization
Anyone having problems with instagram images in insta blocks not showing the captions (descriptions from instagram? Tried all 4 types and none are showing the descriptions (images are fine, and they have descriptions in instagram thanks! -
I'd like to be able to use the entire width of the footer area. Currently my 3 columns are bunched to the left and the effect is sloppy and cramped. I'd prefer that they be spaced out evenly across the page. I tried asking Live Chat but their only suggestion was that I use stacked rather than columns. Fine, but that's not what I'd like to do.Any suggestions? Also, despite the fact that Styles says that I have the same font and sizes for Navigation and body text, they're clearly different. Can that be adjusted? website: RuffStuffTreats.compassword: SpentGrainTreats
-
Site URL: https://www.madebydot.tv/ Theme: York I have an issue with the 'Featured work' section of my website. The desktop view is fine. But I'm not happy with how the content blocks are arranged in the mobile view and I'd like to customize that to - Project image (the GIFs) > Title > Description > View Project button > Spacer (and then the next project thumbnail) This video explains the issue I am facing quite precisely - https://vimeo.com/378998344 Really hoping I can fix this soon. -
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.
-
Site URL: https://chipmunk-mandarin-37dc.squarespace.com Hi there guys I am a little new to creating sites so please bare with me π.... I have basically added some icons to a mobile view, and I want them displayed differently on the desktop view. This means I have hidden an image block on desktop view and have hidden another on mobile view. On the homepage there is now a lot of white space where the hidden image is on desktop view. Does anyone know if there is a method to remove this space? Thanks for taking the time to read this and hope this is a simple fix π Site pas -
How to break the lines on summary block titles
Tukaram posted a question in Coding and Customization
Thanks to the valuable answers of @Paul2009 in this platform, we managed to understand how to break lines at gallery titles, grid titles and product titles (i.e. the product title in the 'shop' page). We tried to apply the same methods to break the lines on summary block titles, but unfortunately never managed to do so. Would there be a solution for this particular situation? Here is the link of the concerned page: https://www.thelabfragrances.com/earl-grey .. As seen there; we have the following structure: Earl Grey 30ml Perfume Oil S$78.00 .. Whereas we would like to have: Earl -
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.
-
Site URL: https://www.carter-ryan.com/paper-prints Hi there, I am wondering if there is a way to make my mobile view arrange the image blocks from left to right order. At the moment it arranges top to bottom. Thanks in advance.
-
How do I make the background on my product blocks white?
Saadia posted a question in Coding and Customization
Site URL: https://www.cairchicago.org/sample-registration-2 Hi! I'm trying to make the background on my product blocks on this page white. I still want them to be separate, but I'd prefer for them to all have a white background with black text.
