Search the Community
Showing results for tags 'blocks'.
Found 200 results
-
I'm working in 7.1, and according to squarespace documentation Card and Stack image blocks should be able to put a backdrop color behind the text block. There is an example shown, but I cant find the settings for it anywhere (theres nothing in Image Blocks). Where can I find these settings, or is the documentation inaccurate about this feature?
-
Site URL: http://www.sidneysalvador.com Has anyone ever had issues with all your content in your blocks (text and images) randomly mass disappearing throughout your entire site? Everything was working perfectly fine last night and this morning it all disappeared. Is there a way to recover all my content without having to redo the entire site? -
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 { background: #2f518f !important; background: -webkit-linear-gradient( #2f518f) !important; border: 02px solid #fff952 !important; border-radius: 0px 0px 0px 0px; color: #fff952; } .audio-author { color: #fff952 !important; } .audio-title { color: #fff952 !important; } .volume .bar.active { border-right-color: #fff952 !important; } .volume .bar { border-right-color: #fff952 !important; } .progress { background: none repeat scroll 0 0 #707070 !important; } .controls { color: #fff952 !important; }
- 22 replies
-
- 2
-
-
- custom-css
- audio
- (and 1 more)
-
Normally you can simply resize blocks but hovering over the edge of a block until the cursor changes and you simply drag it. However, for some reason i do not have that option! I used to be able to but not now. Can anyone please assist?
-
summary block Organize summary blocks chronologically
thisisdanielle posted a topic in Pages and Content
Site URL: https://www.levelstory.net Hi. I use a lot of summary blocks on my website and one thing I would really like to do is have the option to...well, have more options when it comes to organizing these blocks. Ideally I would like to organize by date (from oldest to newest) but there is no option for this and the only resource I have found is a $55 plugin (Lazy Summaries - https://www.squarewebsites.org/products/lazy-summaries). I'm not looking to spend that amount of money for something I will use once or twice. Does anyone know of a code that is cheaper than that, or free, that can allow you to organize a summary block from oldest to newest? Please do not suggest I change the post dates to get around this. I do this when I can but in this instance, I really just need a tool that will do the job I need. Also have to ask, why has Squarespace not implemented this? It feels a bit backwards to have this great website builder but lack basic functions such as this. It is really limiting and makes more work on my end. -
Site URL: https://www.cibusconsulting.com How can I rearrange block order and add spacing to the mobile version without affecting the desktop view? Thanks!
-
Hi everybody, I'm trying to remake the same kind of structure Neil Patel is having on this website's main page. https://neilpatel.com/ This big white block in the middle of the page : And on mobile it shows perfect, see here : How would you procede in order to obtain that please ? I tried using different text blocks, but they seem to merge together all the time. Thank you for your help !
-
Change the order of Product Blocks on mobile view
sandracheesman posted a question in Coding and Customization
Site URL: http://shop.chenebleu.com/ Hi Guys and Gals, Site p/word: SandraCB I wonder if someone could help. I would like to be able to reorder the product blocks on both the French & FE/EN pages so that on a mobile they are in the order they are on a desktop that reads left to right i.e for the wines. Abelard, Heloise, Astrablabe, Scipio, Aliot, Viognier, Astralabe Blanc, Rose and lastly Modrian. They currently read down the page and not along, which makes the grouping of the wines incorrect. many thanks, Sandra -
Site URL: https://www.slingshotedge.com/linkedin Hi, I have a few posts from LinkedIn on my website that I embedded using the code from LinkedIn. This was working fine until now, the posts are not showing anymore. there's an error on each post saying:"www.linkedin.com refused to connect." The embedded code used is: <iframe src="https://www.linkedin.com/embed/feed/update/urn:li:ugcPost:6644213809475043328" height="493" width="504" frameborder="0" allowfullscreen="" title="Embedded post"></iframe> Anyone having this problem too? any suggestion? thanks, Tania
-
Hi, I'm trying to move my image more to the left and up where the left circle is - and also include another similar image to the right. What's the best way to achieve something like this? (So essentially they are hanging off the webpage). Many thanks, Cadel
-
Site URL: https://lupatrattoria.squarespace.com I would like to customize the background, button & text colors for the OpenTable block in my website. Right now the block background doesn't match the page color & the button is black instead of dark grey. Thanks!
-
Does anyone know how I can add a custom delimiter or additional space between tags within a Tag Cloud block? This would be helpful since some of our tags are more than one word and used in the footer of our site. Thank you in advance! -
Site URL: https://illumespa.ca/services I am trying to figure out how to reorder my image blocks on mobile. On my Services page, I would like each image to display before the section. Currently every other section displays correctly (hands, face, treatments, make-up) but the others have the image below the content (feet, body, hair removal). How can I reorder them on mobile only to have each image display above it's content?
-
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!
-
I have 3 custom code blocks that are next to one another. When I push "save" the 3 code blocks stack on top of one another. Does anyone know why my code keeps stacking rather than sitting next to each other? I'm not sure what I'm doing wrong. <html> <head> <style> .collapsible { background-color: #225d71; color: white; cursor: pointer; padding: 18px; width: 100%; border: none; text-align: left; outline: none; font-size: 15px; } .active, .collapsible:hover { background-color: #89c7c0; } .content { padding: 0 18px; display: none; overflow: hidden; background-color: #f1f1f1; } </style> </head> <body> </p> </div> </button> -
How do I put blocks side-by-side on mobile using CSS?
Kyler posted a question in Coding and Customization
Site URL: https://k2.life This is how it looks on a desktop version, how would I go about making two images at a time to show? Also is it possible to make the "Some of Our Recent Customers" to display at the beginning rather than the middle. -
Hi there, I'm working on a site and see the standard for mobile view is to stacks blocks vertically instead of horizontally. Is this something that can be changed? Thank you! -
Site URL: https://dory-orca-6nsp.squarespace.com Hi there, I am trying to reorder some blocks of text and images on mobile for my site. I wish I could figure out how to do this same display using Flexbox but I am not there yet! So instead I have used text blocks and image blocks and spacers. On desktop it appears as: text1-image2-text3 image1-text2-image3 I would like it to be like this in mobile: text 1 image1 text2 image2 text3 image3 Thanks in advance. Pword is: rainbowsgo
-
My image won't fit the container, it always wants to crop the edges out so you can only see it's full size if you click onto the lightbox. I need to be able to see the whole image at all times with no cropping and would like it to scale that way for all devices/screen sizes. I am using Brine template. Here's the page with image so you can see for yourself: https://www.petticoatemporium.com/pitch-layout I feel like I've tried everything but with no success! It seems so simple so it is so frustrating! Hope someone out there can help me! Thanks,Zak -
Site URL: https://www.theduophotography.com Hey, as im a photographer want to share my photos in blogs. I like the stack gallery but the problem is that i cant put two portrait images on the same raw or make any changes so i decided to add each photo separately with photo blocks as some times i want to add two portrait photos or maybe three on the same row. The issue is that with this way there is a lot of padding between photos and i find it distractive. Attached you may find a photo (by photographer Joy Zamora) to get what i mean. How can i make the padding between photo blocks in blog pages to look like this? thank you
-
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: 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.
-
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! -
Site URL: https://patinos.squarespace.com/ Hi everyone! I was wondering if anyone has a solution (CSS or otherwise) to the problem illustrated on the attachment - blocks on tablet width/format appearing next to each other vs stacking. Mobile works fine and snaps to stacking, but the tablet remains the problem. Breakpoint I'm using is 1024px and any help would be very much appreciated! Site URL: https://patinos.squarespace.com/ Password for the site is: patinosstaging. Thanks so much! Toni -
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%); } }
