Search the Community
Showing results for tags 'blocks'.
-
Site URL: https://www.dolcecotti.com/ Hello, I'm currently trying to get the product quantity square and the button to be on the same level "line". I've managed to get almost what I want with the following code: .product-block .quantity-label { display: none !important; } .product-block .product-quantity-input input { margin-top: 1em !important; width: 35% !important; display: inline-block !important; float: left !important; text-align: center !important; } .product-block .buy-button, .product-block .sqs-add-to-cart-button-wrapper { margin-top: 1em !important; width: 65% !important; display: inline-block !important; float: right !important; } I can't get the button to occupy the entire width of the block. Website: https://www.dolcecotti.com Pass: Test1234 Should be fairly easy but can't figure it out, hope someone can help! Here I attach a picture of the current situation and my goal. -
Site URL: https://www.libeluladesol.cl Hi there! Anyone knows why code block appears likes this when I'm codding? Yesterday when I was adding code blocks, I could see how the changes happened wthe same time I was codding, now it just look this: To see the changes I need to save changes and then refresh the website... -
Horizontally aligning content in a code block
happyscone posted a question in Coding and Customization
Site URL: https://cone-tuna-x47f.squarespace.com/ I want to visually align the SVG icon and the days horizontally. I am using a code block. I tried using a code block + text block together and the spacing between is too large. Open to other suggestions/solutions! https://cone-tuna-x47f.squarespace.com/ pw: haircare -
Site URL: https://gutresolve.squarespace.com/ Brine template / 7.0 - I'm using CARD, OVERLAP & COLLAGE Image blocks. I'm having a STRANGE issue on mobile (phones only, tablet is fine) where it's removing the first letter of each title (see attached examples or view the site, link below) The site URL is: https://gutresolve.squarespace.com/ PW: GUT I did added custom CSS for the font sizing on mobile however, I tried removing the CSS and it didn't make a difference, the issue was still there Here's the CSS code I used ------------- p, h1, h2, h3 {hyphens: manual !important; -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; } @media screen and (max-width:990px) { .image-title-wrapper * { font-size: 36px !important; }} @media screen and (max-width:990px) { .image-subtitle-wrapper * { font-size: 22px !important; }} ------------- @tuanphan Do you have any ideas on this issue??? It's so strange! The attached shows the same section on mobile vs Desktop TITLE: MEET DANA TITTLE: OLDER PEOPLE -
Site URL: https://www.chicagomagiclounge.com/overlay-test Hello, Is it possible for my 'purchase tickets' code block (located in the right column) to be the first block in mobile view (above the headline) using css?
-
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 informd.co.in or informd.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!
-
Code works on individual page but not within index page
taylorroy posted a question in Coding and Customization
Site URL: https://tjr-new-site.squarespace.com/ hey hey! I'm using a code block (with HTML + JS, then CSS) to create a draggable block section. Under 'About.' (Brine/Rally 7.0) These images under 'About' can be moved around the page with cursor by a visitor. I used CSS to set the starting location of each individual image. When you view the section of the index page as its own page, it works as it should. When the section is viewed within its index page home, the images cannot be moved to the left on the x-axis. Works (able to slide img around): https://tjr-new-site.squarespace.com/about Does not work (img can't move to the left past its starting place): https://tjr-new-site.squarespace.com scroll down to About pw: troysitehelp Any ideas on why it works in one place and not the other, and how to address? Thx. -
Site URL: https://support.squarespace.com/hc/en-us/articles/206543647-Resizing-blocks In the video https://support.squarespace.com/hc/en-us/articles/206543647-Resizing-blocks the user is scaling and moving blocks around. The UI looks different so I am assuminging its an older version. I don't seem to be able to do this in the current version. Is this not possible now? Do I have to do it with code in the CSS page?
-
Drop Down Tab - Revealing my Portfolio Section
ToCatchFilms posted a question in Coding and Customization
Site URL: https://www.tocatchfilms.com/wedding-portforlio Hi there, I am a videographer, and I would like to create text blocks that once clicked on, reveal my portfolio section. For example, there will be "Highlights" and once clicked on, it would show all of my highlight videos. I would like it to reveal within the same page, and be to closed/opened seamlessly. I've attached this website (beigecashmere) that displays EXACTLY what I am trying to achieve. If anyone could help that would be amazing, since this would require some custom coding. Thank you in advance. https://www.beigecashmere.com/videography My website for reference: https://www.tocatchfilms.com/wedding-portforlio Cheers! -
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!
-
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-between; align-items: center; width: 50% !important; float: left; }}
-
Hi there, I'm having issues with a new list block on mobile that I'm using on my website. I'm using the list content block shown below that allows you to integrate a carousel with multiple cards to scroll through. Within our design, we only have 1 card with a content block centered over the background image, basically just using the content block to display a single image with copy over top. Within the content section, I have turned off the navigation arrows since there's only 1 single card to display, and on desktop it works as expected. However, on mobile, you can still see the navigation arrows on the tile, even with the navigation turned off in the options (see below). Any recommendations on why this may be occurring? Is this just a bug within the content bucket or is there some custom CSS I can add to the site in order to remove those buttons? From a UX perspective, when you click on them nothing happens so I'm not too concerned about them ruining the experience. I just want them removed since it may cause some confusion for the user and it doesn't look as clean. Thanks for your support! -
Site URL: https://www.solokristi.com/the-party Hi, I am trying to center align the blocks so that the second row/block appears centered. Right now it is right aligned. Is there any custom css that could help?
-
Site URL: https://tan-sheep-h4y8.squarespace.com Hello, I am needing assistance with the layout of the site block order specifically for mobile view. For the sake of editing I've hidden and disable this page, refer to my attachments for desired outcome. Currently desktop view is exactly as intended, however, the block order on mobile POV staggers all the text downwards. Ideally I want mobile to be identical to desktop. If you look at the current site I wasn't able to achieve symmetry, hence the site 'name' only being visible in the top left corner. Any suggestions or help is appreciated!
-
Site URL: https://deliamonk.com/services Hi! To create pricing tables I've used image stack blocks with some code to style but the heights are all different. I added code to make them equal height but this code isn't responsive, so they're not equal heights on smaller screens (mobile is fine as it stacks). Does anyone have code to remedy this? -
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: http://www.waterfall-gallery.com Help me to... Option 1: Add a link both when clicking the image and on button for image blocks. In the default setting, I can only choose one or the other. Option 2: Add an underline on the hyperlinked text (Learn More). The Design setting for Image Blocks does not have option to show underline for hyperlinks. Please HELP!! -
Site URL: https://www.hayleyburns.ca/profile I've managed to get an auto play looping video block using Wistia. I'm happy with how it's working but wondering if there's any way to disable the hoverstate on it so that the Wistia logo doesn't appear every time someone mouses over. I only have a free Wistia account and don't want to pay $99 USD/month just for this one video. I don't mind if the logo appears on click, but on hover it's quite distracting, so I though removing the hover could be a good workaround, but I don't know any code. I'm using the York template. Any help would be much appreciated!
-
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-iguana-kwg3.squarespace.com/ Password: MaintainS134! The section I'm hoping to address is in the About section. Thanks! -
I want to create a custom, 2-3 column content block with custom spacing between the columns. Following the instructions on this layout help page., under the "Add new blocks" part But my editor does not allow this. All I can do is add custom stacked elements. I can't move something and make it side-by-side. Is this a limit in 7.1? Thanks
-
Site URL: https://www.doseyogaraleigh.com/ Hi Folks, Question about sections stacking in mobile. Any way to adjust the CSS here so that the text stay's in line like a banner when switching to mobile instead of having the text stack?
-
Layering images over sections adjusting margin
elizablake posted a question in Coding and Customization
Site URL: https://impala-cuboid-rtdj.squarespace.com/ Hello! I am using icons and layering them across sections on my site by adjusting the margins, however, when the image is layering from above, the bottom half of the icon hides behind the bottom layer. Could you please help! Site here: https://impala-cuboid-rtdj.squarespace.com/ Password: Blooms2021 -
Site URL: https://beeline-consulting.squarespace.com/organisational-design Hi all- Thanks in advance for your helpπ. I am trying to work out how to make my title text sticky in a section. On this particular page, I would like the title text that says "Company Vision & Core Values" (in the Section= section[data-section-id="610b6b55c690502bba666c4a"]) to stay fixed at the top while the rest of the text in that section scrolls. I want to make sure that the title text has the same background color as the section so that the scrolling text is readable and then disappears once it reaches the title text (as opposed to getting overlayed on the title text). Then once you get to the bottom of that section, you just keep scrolling to the next section (and the "Company Vision & Core Values" title text is no longer fixed). The title text I am trying to make sticky is highlighted in the red box in the screenshot. It's safe to say I have really no clue what I am doing here so I appreciate it being explained as elementary as possible! Thanks. password= helpmeplease Thank you! -
I used code to change image block size on mobile view, but the image aligned to the left. How could I change it to be in the center?
-
Site URL: https://www.isabeltalens.com Here is my headache: My code blocks across my website and blog have suddenly started to only show the DIV container ID when I am on Edit mode. When I click individually the code blocks, the code is there. It happens to all code blocks, with completely different codes inside. When I press save, the code blocks will still show as the DIV container ID (not the actual content). If I refresh the page, the correct content shows. If I test the website outside my Squarespace account, all looks fine. It is driving me crazy on edit mode, as I do not see the content of my code blocks and it is very difficult to edit like that. The problem just appeared on Friday, while drafting a blog. It has never happen before. Squarespace helpdesk was not willing to help as it relates to a code block. Any one has any suggestions? Thanks so much in advance!
