Search the Community
Showing results for tags 'alignment'.
Found 130 results
-
Site URL: https://impala-falcon-5gh6.squarespace.com/ Hi! Please excuse me if I don't use the correct terminology, but... I am trying to center and gallery section on a single page with a simple header/footer, just text. The content (in this case the gallery images) should scale to fit the vertical height of the browser window while always showing the header/footer (no scrolling). My site is https://impala-falcon-5gh6.squarespace.com/ and the password is "1234", it's a WIP and for the moment I'm focused on achieving this before proceeding with the styling of type etc. and final images. I have attached a jpg of what I am hoping to achieve. So that the gallery is vertically centred on the page and the header and footer and fixed to the top/bottom of the page and there is no scroll. I've searched the forums but haven't had much luck. If anybody has some advice it would be greatly appreciated, I realise this might involve some custom CSS. xA -
Hi,I only have one product block, and would prefer it to be centre-aligned,Link: anxietyempire.com/shopThanks for any tips!
-
Hi all, I'm using SquareSpace 7.1 and I hate the way the top navigation stacks onto two lines because of the # of navigation items I have. See reference below: I was able to fix this by adjusting the width of the nav header with css but now it's off-center. See code & screenshot for reference below: .header-layout-nav-center .header-nav { width: 100%; text-align: center; flex: 1 1 100%; } I've hit a bit of a wall with this. Any ideas for how I can center the navigation while keeping it at this width to avoid it stacking? Thank you in advance, I appreciate it.
-
ConvertKit HTML in footer not center aligning correctly
ROla posted a question in Coding and Customization
Site URL: https://www.perell.com/blog/50-ideas-that-changed-my-life Hi Squarespace Community, To say right off the bat, I'm a total code amateur. I'm very good at copying and pasting HTML, that's where I'm at! We've been having trouble with our (Farro-Haute template) website's footer. We have a ConvertKit email capture in a code box that sometimes is not centering. On my computer (using chrome) it is centered, but I've attached this screenshot where obviously it is not. This is one of the pages that has the issue: https://www.perell.com/blog/50-ideas-that-changed-my-life What should I do to begin troubleshooting this problem? Thank you!!! -
Site URL: https://www.christylacombe.com/articles Hello, I am needing to horizontally align two columns in my blog archive. I need the metadata (the date on left) to align with the blog titles (for @media only screen and (min-width: 1024px). Thank you!! Password: 12345
-
Aligning form fields and check boxes side-by-side
jussi posted a question in Coding and Customization
Site URL: https://guitar-turbot-wyhd.squarespace.com/ Hi - first I want to align both fields side-by-side. Then the three check-boxes underneith also side-by-side. Thank you and all the best from Oslo, Norway + STAY SAFE!!! -
Hey all! Quick question for those more technically inclined... I am using the Avenue Theme (classic) so the dashboard style controls for the Product Display Page are pretty minimal. I'm wondering if it is possible to align product information (price, description, variant selection, and add to cart button) to center on mobile only? I'd like to keep the left alignment on desktop. See attached for how it looks currently! Thank you so much ❤️ Dan -
Site URL: https://www.plantbasedpitstop.co.uk/ Hey guys, Ive seen a few people asking similar questions but Im not having much luck implementing various code. Im trying to align my nav drop down menu to the word 'menu' - rather than sticking to the edge of the page. I still want to keep it left aligned. Any help would be majorly appreciated! Thanks
-
Portfolio Hover: Follow Cursor: Project titles Alignment (7.1)
Budka posted a question in Coding and Customization
Site URL: https://vuvuzela-clownfish-z3mh.squarespace.com/ Hi! I'm using a portfolio layout Hover: Follow Cursor. And I need to align all my portfolio projects titles to the left both on desktop and mobile. Password: clownfish Thank you in advance!!! 🙏 -
Site URL: https://www.portcity.church/test Hey Everyone! I've been trying to get this to align for sometime, but nothing seems to be working. I'm trying to have the white button line up in the bottom corner and the "We're better Together" text slightly above it (see the attached images) The first is how it currently looks and the second is how I want it to look. Here's what I have going on currently: <style> * { box-sizing:border-box; } .connect { background-image:url("https://portcitychurch.box.com/shared/static/poy39t4b79axsdm9j0i1ncn1xw4nwav2.png"); background-position: center; background-size: cover; padding:20px; border-radius: 25px; float:left; width:80%; height: 400px; } .connect-button { background: #FFFFFF; padding:20px; margin-right: 10px; border-radius: 25px; float:left; width:auto; position: absolute; top: 40%; } </style> <div class="connect"> <h6 style="font-size:3vw; position: absolute; top:26%">We're Better Together</h6> <div class="connect-button"> <h8 style="font-size:1.3vw">Connect</h8> </div> </div>
-
Hi! I'm having issues with the alignment of the image and text on the item detail page. It also create a huge space in between the menu bar and the ( text & image ) *only on desktop* Any leads? Cheers!
-
Dropdown Menu Customization: Font Color & Alignment
ApeSZN posted a question in Coding and Customization
Hello, I was wondering if you could help me change the color of the font inside the dropdown menus (navigation menu) . Currently I have the background color set to black but the issue is that my text for the theme is also set to black so when I hover to show the dropdown menus it is just blacked out. I tried adjusting the theme but can not find anything specific to the dropdown. I want to change the color of the text to white so that the text is white and the background is black. Please help me. Also another issue I am having is that I would like to align the dropdown menu text to center because it is aligned right so there is big spacing when you hover (like indented in). I am using the Merida template. I have checked other forum post but none of the coding has been effective. I was able to change the background color with the code but have not been able to change text color. Thank you, ATTACHED IS A SCREEN GRAB. NOTICE HOW ARTICLES TEXT IS ALIGNED TO FAR TO THE RIGHT AND THE SPACING IN DROPDOWN MENU IS TOO BIG. That is what i would like to correct. Also the text color is black and background is white. I would like to reverse that (black background, white text) -
Hi How do you get your navigation link to centrally align with it's drop down menu. I would like the text 'Resources' to be centrally aligned with the text/box in the drop down menu. At the moment the drop down menu is hanging off to the left! Thanks!
-
Site URL: https://www.yennycastro.com/ Hello, I am new to Squarespace and I have just built my portfolio site. I designed the index page with an alternating layout to display my case studies. It looks exactly as I want on desktop, the problem is the blocks are not stacking correctly on the mobile version. Well, the first and third case study are stacked correctly with the image first, text and button afterwards. The second case study called "Pan Am" shows up on mobile with the text, button and image last. I have tried moving the blocks around, joining the image to the text but then the button would move way down under the image, I tried moving the image to connect to the text and button blocks together but it doesn't. Does anyone have any idea on how I can possibly fix this?
-
I have a three column layout, with each column having a title, image, body copy and button. I used a full width spacer to ensure my buttons are all vertically aligned and it looks as intended (on desktop). On mobile though the buttons aren't associated with the relevant image and text (since the spacer is breaking the column layout). If I remove the spacer the buttons are now associated correctly on the mobile view, but on desktop aren't vertically aligned. I've tried searching for a solution to this, but haven't found anything that works. Is this possible, or do I have to look at some custom CSS? Thanks in advance for any help you can give.
-
Align elements to the top and bottom of a section in 7.1
silversage posted a question in Coding and Customization
Site URL: https://www.flowerchildthefilm.com/ In 7.1 is there a way to align blocks to the top and bottom of a section? I have a top aligned section with an image block at the top (holding a .png). Below that I've got some text (A Film By...) which I'd like to align to the bottom of the section, basically near the bottom of the background image. Using spacer blocks or inserting line breaks just distorts the background image's scale, which I'd rather keep as is. Anybody have any thoughts? -
Site URL: https://r2rdigital.squarespace.com/ Hi Squarespace Forum'ers, I'm currently designing a website and have am excited to be picking up CSS knowledge as I go - that said, I'm still falling short and would appreciate any help on the following points. Thank you in advance for your time! Changes specific to the mobile version of the site: Is there a way to align certain sections of text differently? We have some line breaks on the desktop version of the site, which make the text appear oddly on mobile - is there a way to remove the line break? On that same note, can we add a line break to text on a button? I'd like to make the text in the footer appear in two columns - is this possible? Is it possible to align an image in the footer differently? Lastly, our current landing page doesn't fill the mobile screen - is there a way to change this? Changes to mobile and desktop: Our current landing page doesn't fill both the desktop and mobile screen - is there a way to change this? Is it possible to add a page transition? This ideally wouldn't be on elements, but just when a new page is visited. Is it possible to time a page and for it to redirect a visitor automatically? We have a landing page where a video plays, and following this, we'd like it to send visitors to the home page. If not, are we able to time/delay a button, so that this appears after a few seconds? Lastly, are we able to add a drop shadow to a video block? I understand there's a lot of queries here, and to echo what I mentioned earlier, any help would be greatly appreciated! The password for the site is: 'forum2020' If you require any screenshots/further info, I'd be more than happy to provide them 🙂 Thank you, Thomas 😊
-
Site URL: https://duck-squid-7bsa.squarespace.com/ Hi, My menu shows centered and I intend to to have it aligned to the right. It was to the right in the beginning, but I must have messed up something in the settings. I tried to edit the site header, but everything looks OK with those options and it should be aligned to the right. Can you please help? Im on 7.1 at https://duck-squid-7bsa.squarespace.com/ pass: squarespace Kind regards, Fabs
-
7.1 7.1 How to bottom-align responsive image to a section
Koskinen posted a question in Coding and Customization
Hello! I've been trying to achieve something for a few hours, but I have had no success. So it is time to as for help. ☝️ My goal is to make a similar layout to this example: https://www.drift.com/dc/ These features, in particular, stand out: The image is aligned and sticks to section bottom There's 0 padding between section bottom and the image The image is responsive (drops below text in mobile devices) How might I achieve this with features available in 7.1? Thanks! Ps. I'm unable to share the site. I'm currently transferring from 7.0 to 7.1 and have not upgraded yet. -
Site URL: https://octahedron-plantain-seg7.squarespace.com/ In my header navigation, I have 2 drop-down folders in which one should be larger than the other. Question A - How do I make one drop-down longer than the other? Question B - How can I make the drop-down fall down under the Main Section rather than far off left? Question C - Is there a custom CSS to make the folder drop straight down like its coming from the section name? Website password: morrill@trial
-
Site URL: https://www.jaimiholker.com Hi Folks, Is there a way to have the navigation align to the right side of the screen? I'm working on a site using Flatiron. Thanks!
-
Hi, How do I align the shopping cart contents to the header (logo and nav) in mobile view?
-
Site URL: https://virginsuncare.com/ingredients I created this custom image block grid in Squarespace 7.1 to provide an interactive and detailed view of the ingredients while being able to see them as one working unit. I am having trouble aligning the bottom base line of these images. Is there anyway to center this grid or create a fixed bottom height for the block as a whole? The blocks are currently sizing different and the bottom line changes at every screen size increment. I have been trying to figure this one out for weeks so any help or creative ideas would be appreciated. Thanks!
-
Hi I've been unable to get the navigation menu left aligned in PALOMA template. Any ideas?
-
Hey there, we use the clay template. It´s a template of the brine family. For the footer you have two major design options. We would love to use the staple version. But on this version the pages are aligned to the left side. We want to align the footer to the middle. Is there any way to solve this problem with code injection? Thanks
