Search the Community
Showing results for tags 'alignment'.
-
Site URL: http://www.riverlandcollective.com I have multiple pages with text blocks on one side and an image on another, and I want the blocks to be vertically aligned center. I was able to make it work using "display: flex; align-items: center;" on some pages but not others, and I have no idea why. Here's an example of a page where it's working (see the first section): https://www.riverlandcollective.com/about And an example of a page where it's not (see the first section): https://www.riverlandcollective.com/work What am I doing wrong? ðŸ˜
-
Site URL: https://www.pgaadvisory.com.au/download-our-ebook I can't seem to conform any of the text on my site to the left. The centre and right work fine. Is this a site style issue? If so, am I able to add CCS to individual pages to conform certain text blocks to the left? Thanks, ND
-
Site URL: https://poodle-cornet-rrbx.squarespace.com/gallery How do I make image height to be smaller in Portfolio template. I like the 2 image column setup, but images seem too long, want to rescale to be shorter (fit screen without having to scroll to see the full image).
-
Site URL: https://crane-rust-jc3g.squarespace.com/experience Hi there, I need the text and buttons to bottom align exactly with the bottom of the image. Is there a way to make all elements stay aligned with the bottom of the page when the screen size is different too? I have tried adjusting the margins so they sit flush on one line but the elements move around when the screen size is repositioned. I have also tried using CSS to align the elememts to the bottom of the section but I just can't seem to get it right, are you able to help me please? Password: Blairgowri3 Thanks 🙂 -
Site URL: https://shuifeng.squarespace.com Hello. I'm trying to get the Add To Cart button on Product Pages to be centered with 100% width on mobile. The code I have only centers it, can someone help me figure this one out? I tried using .sqs-add-to-cart-button but that only modifies the Add To Cart button in Product Blocks, not Product Pages. I tried using .sqs-add-to-cart-button-inner also and that didn't work either. Example page: https://activefengshui.com/shop/p/what-the-feng Password: ShuiFeng /*Add To Cart Button on Product Pages full width MOBILE*/ @media screen and (max-width: 640px ) { .sqs-add-to-cart-button-wrapper { width: 100% !important; text-align: center !important; }} /*Add To Cart Button on Product Pages full width MOBILE*/ -
CSS To Push Text Blocks to Top and Bottom of Section
HannahRoseShaw posted a question in Coding and Customization
Site URL: https://flatworm-bison-grha.squarespace.com/ Hi all! I'm trying to figure out some CSS to push one text block to the top of the section and the other to the bottom. I've attached a screenshot of how it currently looks and how I'd like it to look. The site is https://flatworm-bison-grha.squarespace.com/ with the password: demo. Thank you! -
How do I control the layout of images on a mobile view?
CraftyClown posted a question in Coding and Customization
Site URL: http://www.skim-epk.com Password = SKIM On my about us page I have a column of text on the left hand side and then three images on the right hand side. When the page is opened in a mobile view I end up with all the text at the top and all the images at the bottom, which isn't ideal. Is there any code I can use to control where the images sit in relation to the text? Or am I overcomplicating things and there is another way to do this? -
Site URL: https://www.currentmoodinteriors.com/collection I have these widgets provided by a 3rd party site embedded on one of my pages as HTML code and can't figure out how to get them centered -- it's driving me nuts! I saw there was a previous post about this but since it was from 2 years ago, I thought I'd repost as a new question 🙂 I tried the methods I saw in the previous post but none seemed to work and I'm fresh out of ideas!
-
Site URL: https://www.bloomingsoulscollective.com I have tried every bit of css I can find to rearrange the text & photos in one of my sections for mobile view; however nothing is working. I'm using 7.0. I just want the order to be text, image, text, image instead of text, image, image, text. Any help is appreciated!
-
Site URL: https://www.leep4impact.org Site URL: leep4impact.org Hello! We need to edit the mobile layout of our website, so the arrangement of text and image blocks make sense the same way they do on desktop. On desktop, text and image blocks are alternating being on the right side and the left side of the page every section in specific pages (see attached screenshots). However, for mobile, we want the layout to always be image first and text below it or vice versa. Can anyone please advise on the required CSS to do this. Thank you!
-
Site URL: https://gar-grouper-xgll.squarespace.com/home Hi Everyone, I have the issue that the footer is displayed the way I want it in editing mode but as soon as I save it, the arrangement of the elements changes. Anyone knows what to do about that? I want the text with impressum etc. in the same line like the social media buttons. -
I can't make all my primary nav. sections fit in a single line, even tho there's space for that. I've tried redducing link spacing, font size.. Any tips?
-
Site URL: https://thepreventproject.squarespace.com/ Hi there, How can I make the text within this section centred between the image above and the bottom of the section? Website password: kw
-
Site URL: https://www.banyancanopy.com/apparel-lifestyle-all/p/banyan-canopy-short-sleeve-womens-t-shirt How can I make the image and the title of the description line up? They are slightly misaligned and I can't seem to change the vertical spacing of the description with built in editing. Also, how can I reduce the spacing between the top section and the additional information section?
-
How do you Center align Site Title / Logo on Mobile?
scoobydoo posted a question in Coding and Customization
Site URL: https://www.stevemackeystudio.com/ Hi there, Wondered if anyone can help. You'd think it would be easy / straightforward but i'm trying to center align the site title and have the mobile burger menu sit underneath. site is – https://www.stevemackeystudio.com/ Is there a way in code to do this? i've looked far and wide and can't get it to work! Thanks, -
Site URL: https://laureclaire.com SITE URL www.laureclaire.com Hello, i've been trying to find an answer to my problem without any luck. I am trying to organise the footer on my website and it looks fine on desktop but i can't figure out how to change the alignment on the mobile version. I have two blocks of text. One on the left aligned on the left with my email address and another block text on the right on the same line with the text aligned on the right. On the mobile version i would like to try two options: 1/ both centered on top of each other 2/ both aligned on the left on top of each other Thanks in advance for your help! Laure -
Hello, I'm using the Adirondack template and I have a slideshow for images on a page. I like the idea of having a caption appear when I hover over the image, and have that option checked in the "Design" tab of Edit. The problem I have is I would like the text to be center aligned in the overlay (on hover). Currently, it's left justified. Note: I do see the dropdown in the "Design" tab that allows me to move the overlay (on hover) to a part of the image. Ex: center, bottom left, bottom right, etc. But that just moves the overlay's placement on the image. I'm looking to move the text within the overlay itself. Furthermore, I don't see any place to adjust the text's font, color, size, etc. of the overlay. Does anyone know have any code or steps that can be inserted to allow me to make these adjustments? Thanks so much. Cheers. -
Site URL: https://cow-octahedron-4g82.squarespace.com/about When I reduce my screen the image cards on the about page do not adjust to the stacked mobile version. Is there a way to make these images stack above the text at a certain breakpoint on desktop view? Thanks! -
Site URL: https://watermelon-tomato-em22.squarespace.com/ Hello, The layout on my portfolio homepage is currently set to Grid: Overlay with 3 Columns. I'm wanting to customize this so that the size of the thumbnails vary in my grid. This site is a good reference of what I'm trying to accomplish and I've attached a comp of what I'm hoping I can make mine look like. My knowledge of CSS is limited so any help is very much appreciated. Thank you! Robert
-
Four columns with vertically aligned buttons
kaitlin_b posted a question in Coding and Customization
Site URL: https://vibraphone-teal-ly35.squarespace.com/ I've used this code before, but I'm getting no joy on getting my buttons to align to the bottom of the columns. The columns themselves have an even height – just the buttons are thwarting me. I've got a background color in the css, just to see that I'm affecting the button container at all, since I used to use ".button-block" but that seems now to do nothing. Every part of this works, but I just can't get the danged buttons to sink in the columns, for love nor money. I've tried: {margin-top: auto;} {margin-bottom: auto;} {height: 21rem;} {align-content: flex-end;} {justify-content: flex-end;} I've also tried using the individual button block IDs, rather than the class, and get similar results. My CSS: /*Making Activities Columns the same Height*/ [data-section-id="62a232712ab1e65e2e683882"] .sqs-row { display: flex; flex-wrap: wrap; } [data-section-id="62a232712ab1e65e2e683882"] .sqs-col-3{ background-color: #ebebeb; box-sizing: border-box; flex: 1 1 246px; flex-direction: column; margin: 1%; padding: 10px; } [data-section-id="62a232712ab1e65e2e683882"] .sqs-block-button{ background-color: #000000; margin-top: auto; } ------------------------- Thank you in advance for your help! -
Site URL: https://whale-apple-c5y9.squarespace.com/ I'm trying to place a "Checkout Now" button next to the "Add to cart" button on my product pages but nothing I've been able to find works. The "Checkout Now" button was added as a button block in the Additional Info field of the product. Would somebody mind helping me with this please? Thanks in advance Page with example: https://whale-apple-c5y9.squarespace.com/shop/p/intentional-candle-ceremony Password: ShuiFeng
-
Site URL: https://lizard-collie-bj7m.squarespace.com/about-us I'm trying to align the white text boxes on the linked page to the bottom of their sections. I'm also wanting the text boxes to be the same size as each other. https://lizard-collie-bj7m.squarespace.com/about-us
-
Home-page error: Page set to load in middle of home page?
MAfraT posted a topic in Pages and Content
Site URL: http://www.lowellalliance.org Our site is running on a version 7.0 template, which shouldn't make a difference, but recently we started noticing that the page is loading in the middle of the screen instead of at the top. When I open it in an incognito browser, it does seem to load at the top of the page. I'm wondering where in the page settings or otherwise I should look to reset or fix this load selection? Photos show the how the page is supposed to load vs what it is showing. We also have an FB embed issue, which has gone unaddressed in a forum question for over a year (from others, I just posted there today). If you have insight on how to help with that, please answer me here: https://forum.squarespace.com/topic/174009-facebook-embed-error Thanks for reading and for any help you can provide! -
Site URL: https://nlc-built-in.squarespace.com/ Hi, Trying to work out how to stack the button and social icons under the navigation in 7.1 With the screens attached - the black background is version 7, the grey background is 7.1 Was also trying to stop the navigation items stacking so fast when the screen is collapsed. I'm trying to achieve the same layout in 7.1 as 7. Thank you for any help with this! https://nlc-built-in.squarespace.com/ PW: nlc -
Site URL: https://dentleslieville.ca/ I am looking to left align the logo in my footer in the mobile version of my site. Any help would be greatly appreciated, Thanks
