Search the Community
Showing results for tags 'blocks'.
-
Creating vertical lines in between content blocks or columns
Sera posted a question in Coding and Customization
Site URL: https://tangerine-iguana-kwg3.squarespace.com/ Hello there, I'm attempting to add vertical lines to certain sections within my site, however it's proving difficult to do so. Anyone can help with custom coding on this one? I found some codes online, however the height of the vertical line doesn't follow the height of the block/ column upon scaling to different screen sizes. Ideally it would meet the horizontal lines above / below it or at the least have a consistent spacing in between them. Would love to see if there is a solution to this. Site URL: https://tangerine -
Site URL: https://nikkizakocs.com/ I want to be able to add an image or and audio clip to my banner and be able to change it monthly. Kind of like a sticker to highlight current achievements. Im in Bedford template and willing to change Template.
-
Is it possible to create a block similar to the design attached. The idea would be that you can click through the titles or arrows at the top and the description and button below will update, all within the same block. The image on the left is ok to remain the same but if there's a way to have both the text on the right and the laptop image to change, that would be great. 1st priority though would be to have a static image on the left and then the content and button on the right click-through and change within the same block.
-
Site URL: https://cowbell-ocelot-45a6.squarespace.com/ Hi, I've made the hover buttons using html - but I'm looking to make the text hyperlink to a specific page as well. So the two work together but also individually. What's the best code to do this? Cheers,
-
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
-
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
- 26 replies
-
- 2
-
-
- custom-css
- audio
- (and 1 more)
-
Site URL: https://cowbell-ocelot-45a6.squarespace.com/ Hi, I've made the hover buttons using html - but I'm looking to make the text hyperlink to a specific page as well. So the two work together but also individually. What's the best code to do this? Cheers,
-
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: 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? -
Site URL: https://www.melissawebb.com/ I want to change the color of the text blocks for one page only. It's lime green for the rest of my site but I want it black for this one page. I'd be grateful if someone could tell me the code to do this? thanks
-
Hi, I am using Rover and have text blocks in which I use different text styles (h2, h3, and normal text). Squarespace adds ugly large blanks between the text lines that use different styles and I can't figure out how to remove these blanks. Holding shift+enter does not work, as it won't allow me to then use separate styles. Adjusting the line-height only affects the height within the same text style, not the space between different styles. My page can be accessed here: http://bit.ly/2qLDxt0The problem can be found when scrolling down to ".02 programme" Many thanks for your help! -
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!
-
Hi guys, I'm trying to get the mobile view of a summary block to appear differently to the desktop view, for a blog site I'm working on. In short, I want to display the summary block as a standard 'List' view on desktop, and as a standard 'Grid' view on mobile. If I go with 'List', it's perfect for desktop, but on mobile, the thumbnail is very small. If I go with 'Grid', it's perfect on mobile, but the image is very large on desktop. Is there some element of CSS you know of that will force the view depending on the device? - mobile is grid, desktop is list on attachments Thanks in adva -
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.
-
Site URL: https://tincanflowertruck.com hi - the password to my site is tincan@2020! I'm trying to change the whole form block to the custom font that is assigned to the "name" - brandon grotesque. I can't figure out how to assign to the correct block . thanks!
-
Can I have two different social links blocks in different places on my site? So far if I change one, it changes all of them across the site. I want it so that the footer always has facebook, twitter, and instagram, while my 'music' page has spotify, apple music, youtube, and soundcloud. Here's how it looks now:https://www.airshipcaravan.com/music -
Make block order the same for mobile as it displays on desktop
Nankas posted a question in Coding and Customization
Site URL: https://bagpipe-dahlia-4zzj.squarespace.com/our-properties Hi, I am trying to organise my Gallery Blocks / Text / Buttons to display in the same order on my mobile as it does on desktop. When viewing on desktop and tablet, the gallery, text and button blocks go from left to right in order of price in there 3 columns (no filter, it's just the way i've laid it out), but when displaying on mobile, the order changes and it goes down the first column, then the second, then the third. How do I make it so it keeps the same order when displaying on mobile? The website p -
Site URL: https://alligator-octahedron-ffpb.squarespace.com/ I have built a custom template using site.region for the template and .page for the pages. I also used <squarespace:block-field/> in the pages to allow users to edit that part of the page. The problem is that, when a visitor visits the site, only the template shows. The texts and images that were added from the CMS through the block-fields that I provided in the codes do not show. But when I am logged to my squarespace account, everything shows on the page. Is there anything I am missing or not doing? I've attached p
-
Site URL: https://finch-cheetah-mfnd.squarespace.com Hello guys iĀ“m building a site (https://finch-cheetah-mfnd.squarespace.com/) and have a problem: i have a turquoise bar with three text blocks side by side on the start page with colored bg. If i switch to pad or mobile view all the elements are moving and are not readable anymore. Any CSS Code to fix this or any other idea how to realize this? Thanks in advance!
-
Site URL: https://www.videodrome.me/ Hello friends I'd like to reduce this space between two blocks (one gallery block and one image block) Right now it looks a bit goofy. https://www.videodrome.me/fashion-films The template I'm using doesnt give me this option so I guess maybe with a small code I can fix this ? Any help would be really appreciated ! Thanks a lot in advance
-
I'm sure I'm missing something simple, but I cannot figure out how to create blocks for services. All I want is 3 blocks across, the same size, a white background in the block itself or a color, it doesn't matter, that I can type in (black text). I cannot find anything on the layout pages and have tried image blocks, poster blocks and stacked blocks, but these all require an image and I do not want an image, just the white block with text in it. Can anyone help? I am using version 7.1.
-
Site URL: https://www.vetemerge.cc/store Hello all, I hope you are well. I have had a good look around the old Google and the forums but haven't found a solution that I was able to implement. I was wondering if it is possible to make all Amazon blocks the same height when using multiple rows of them on one page. I have tried using the Spacer block but do not like how much space you have to add and I feel it breaks the flow. The page I am referring to is https://www.vetemerge.cc/store Any help would be appreciated. Many thanks, Elliot
-
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!
-
I am working on a client website below: http://url.com/www.elizabethmckenzieflorals.com password: flowers Page needing to address: Meet Saige I am wanting to overlap a text block with a colored background over a full-width image block as shown below in the screenshot. Not sure if it's easier to add them as separate blocks (image and text), or to create a Collage Image block and customize that using CSS. Help is very much appreciated! -
How to freely place a newsletter block on a banner page?
romerodan posted a question in Coding and Customization
Site URL: https://www.drpodcasts.com/ Hi all! I'm trying to have my newsletter block " HECK YES NOTIFY ME!" show just below the "coming real soon!" part of my banner page image. (see my website and photo-shopped screenshot for what I'm trying to accomplish) I have the top page section of my site set as this banner image (I want this image to be maximized). When I try putting the newsletter block in the banner page, the newsletter block covers the text in the image (stays center of the page). I've tried adding spacers but all it does is either make the banner image zoomed in (if I
