Search the Community
Showing results for tags 'blocks'.
Found 151 results
-
Hi, I'm having trouble finding the block ID (not yui) for an intro block. I've already done one, but for some reason now the chrome extension isn't displaying the block info the same way as the first one. I used tuanphan's guide the first time. Would someone be able to find the ID for me and show me how they were able to? My template isn't live yet, but please let me know if I can do anything to make this easier. The first time, I left clicked on the <div class="sqs..." then clicked the + icon and the block ID was listed where "div#58..." is highlighted in the 2nd screenshot. I'm attaching some screenshots:
-
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?
-
Hi, I'm trying to target a specific text block on mobile so that I can adjust the text styling (from centre align desktop, to left align mobile), and other elements such as padding. Is there a way to target and style a block through CSS that doesn't affect all the other blocks? Here's the site: https://www.rejectsupply.com/ Test123 The block I'm trying to style is called "H2 Text Block" on the site itself, (ID block-ce591823b8f1025afa01) Thanks!
-
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 really like my desktop arrangement, which is: <1 picture> <2 text> <3 text> <4 picture> Ideally I would like my mobile view to be arranged: <1 picture> <2 text> <4 picture> <3 text> But squarespace goes left to right so it ends up as: <1 picture> <2 text> <3 text> <4 picture> Is there css to swap blocks 3 and 4 in the mobile view? Thank you in advance!
-
Site URL: https://www.humagalas.com/menu Howdy. This seems like a two-fold issue, or I'm missing something. When building a restaurant menu block in 7.1 and using the section "tab" formatting, the editing previews can't navigate to the new "tabs". (screen shot attached) You have to open an incognito browser to preview edits, after a lot of saving and flipping back and forth. This also means that the site has to be published while you're working. I want to avoid this, but that's not an option until I can navigate the tabs of the menu while in edit mode. Any advice?
-
I am using the Bailard template for this site I'm building for a ministry. I have used Squarespace in the past to build a website for my business and I was able to customize nearly everything with the blocks and such. Now with this template I'm using for the client, it only lets me add sections (which aren't as customizable as I'd like them to be... plus there aren't a ton of options). Anyways. I tried switching templates near the beginning of the building process and it wouldn't let me because it said the Bailard template has all features so I don't need another template to get different features. I keep looking and looking for how to add blocks but I can't find anything. I would be okay with it (because I've nearly finished the site). But there are a few elements I'd like to add (search bar, etc) that are available on the sections things that have me using. Just wondering if anyone else knows where to access the blocks or if I can't use blocks on the template? Also if I can't use blocks... how do I get certain elements that aren't available with the sections thing?
-
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 -
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 -
Site URL: https://www.oliviersfrenchbistro.com/ Hi there, I have a few areas on my website where my sections are laid out in a kind of hop scotch pattern that looks quite nice on desktop. On mobile though, it just ends up looking super messy with the blocks in default order. I found a few other posts where this issue was solved but I wasn't able to apply the code to my website. I'd love to figure out how to do this on my own so I can take care of the other sections on my site as well. Here's my site. You can see some of the sections i'm talking about on that page. I have the same issue on this page and this page as well. Any guidance on solving this would be much appreciated! Thanks
-
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; }
- 17 replies
-
- 2
-
-
- custom-css
- audio
- (and 1 more)
-
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://platinum-polygon-p4he.squarespace.com/all-products Looking for help to reduce the height of the block on this page where the categories are listed as links across the page, right under the gold background description. I want to do this for each category page, and I'd like it to be pretty close to the golden section, and then have the products pretty close under that. *Password is: omshala Thanks in advance!
-
Block Background Opacity without Changing TEXT
thefrolickinglime posted a question in Coding and Customization
I'm trying to change a text blocks background color and opacity using this css: #block-yui_3_17_2_1_1583796715032_20149 { background: #f0f0f0; opacity:.5; padding: 50px; } BUT the change in opacity effects the text as well, which I don't want. How do I isolate just the background opacity so that the text stays solid? UPDATE - I figured it out, had to change HEX to RGBA. -
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
-
I like how my site looks on desktop, iPad Pro, and how it adapts to a mobile, but when I try it out with the tablet view some of my pages become a mess. In my case, this happens because Card Block Images automatically align the text bellow the picture instead of on the side due to the screen size, which works well for mobile but not on a tablet. I believe it would be easier just to disable Mobile Styles on tablets, rather than changing the size of each picture. ¿Do any of you guys know how to do that? I am open to any suggestions. I would really appreciate your help. :) My site is transpp.mx and the page I'm having the most trouble with is https://transpp.mx/transporte -
Is there a way to create custom block type in a template? So that user will be able to add and edit it in content editor. I've read documentation, found nothing similar, but customer support said something like "It is possible, just not documented". If not - how should I implement custom design? Is there a way to make content of templates "static pages" editable?? Or any alternatives.
-
Accordion feature and spacing between blocks
laurentaylar posted a question in Coding and Customization
I have a question about this page: https://quadra-capital.squarespace.com/capital-raising password: quadracapital 1. Do you know if it's possible to move the plus icons under the second section to the left and right align the text? I inserted code to create the accordion on the FAQ page but I'm not sure if there's a way to switch the placement of the + icons on this specific page. 2. I had to insert the grey numbers as images. Do you know how I would decrease the padding of these to get them closer to the text boxes below? Thanks! -
I have added a text box to my FAQ's (Frequently Asked Questions) page; and added questions with answers. Is it possible to re-create my page with questions with an arrow for drop-down answers? Or maybe it's just not possible without the assistance of a website specialist. Thank you for any advice. Please view my website https://www.juliemyerscelebrant.com.au/ -
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
-
In the section that starts with +What is a CSA, the text in the markdown block is cut off on mobile devices if you open one of the options towards bottom. url: https://www.fosterbradyfarm.com/csa-membership
-
Is there any way at all to add a block to a Cover Page? In particular, I'm trying to add a series of logos.
-
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 -
Hi I have gallery blocks featured on my website. How can I display the categories or tags above the block and let users filter the gallery by category, as is straightforward on Wix and every other website builder I have used? Kind regards
-
When I try to add my .svg file as an image block I get an error message that only images are allowed. How can I add a .svg?
-
Hi all, Our website is www.kowalacreative.com, password is "atlaspants" We're trying to figure out how to reorder our home page images on mobile so it appears as: -Text- -Image- -Text- -Image- etc... Any suggestions?
