Search the Community
Showing results for tags 'alignment'.
Found 152 results
-
Site URL: https://www.mattportch.com/digital-gift-cards Hi, How would I centre this text better on MOBILE view? I think because of the numbered bullets its pushing it to the right(?) I need it to sit more to the left.
-
Hi there! Much help needed, I have been trying for days now to try and learn how to make this (see photo) . It doesnt need to have the button, I just want three columns of text i can have clickable/linked to the article page. And for it to match the width of the grid above it set to have a max-width: 1300px. PLEASE HELP!!! Thank you all!
-
Hi,I only have one product block, and would prefer it to be centre-aligned,Link: anxietyempire.com/shopThanks for any tips!
-
See image for reference. The grey words do not align with the "Example Title" or each other. Is there a way to align them? I'm totally stuck. Code: <h2 style="color: font-size: 21px;"> **Example Title**<span style="color: grey; font-size: 21px; font-weight: 400;"> |</span><span style="color: grey; font-size: 17px; font-weight: 400;"> Washington DC </span><div style="color: grey; text-align: right; font-size: 17px; font-weight: 400;"> Photography: Word </div></h2> Thanks!
-
I have several gallery pages which I would like to display in Grid format. However, some galleries have just one or two images in them. How can I edit the gallery to center the images in the middle of the page, rather than having them left-aligned? I am using the York template. -
Site URL: https://www.gqsafety.com/pss-3000 I would like to do as below. I would like to reduce the size of the green button also.
-
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://teal-cymbals-sys6.squarespace.com/ Hey All, I am having an issue with the Heading and Paragraph fonts on my site misaligning. It's most obvious in the footer and in stock newsletter blocks, but it is an issue sitewide. I am on 7.1 and am using custom coding from Squaremuse (Osaka theme) but with my limited coding knowledge I'm not seeing anything in the CSS or Javascript that would explain the issue. I have looked in the Site Styles at fonts, spacing, etc and can't find any reason this would be happening. Any ideas? Before you ask, yes I have been in touch with Squaremuse's support team, but haven't heard anything back about this issue yet. The password to the site is: bananas
-
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? ðŸ˜
-
Center Align Social Links Icons on Mobile
whereisscott posted a question in Coding and Customization
Site URL: https://www.pri-1.com/ Hi all, I'm trying to center how the social links block displays in the footer while only in mobile. I've been able to center everything else using CSS, but can't seem to figure out the code for this. Any help would be appreciated! Website: https://www.pri-1.com/ Password: Priority-1 Thanks! -Scott -
Site URL: https://burgundy-fiddle-xdxh.squarespace.com/config/pages in the config mode, the image aligns properly with the text wrap around it. however, in live mode, the image appears out of bounds. any way to fix this strange issue? (password iran) thanks. -
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!!! -
Site URL: https://www.treetopmarketing.ca/portfolio-services-1 Hey Everyone! I am fairly new to web design etc and have been working on a couple sites for my employer. I have run into issues with alignment of blocks on certain pages and therefore issues with the layout order on mobile. I have type blocks under images and because the paragraph lengths are different, the buttons under those are not lining up horizontally when stacked directly under the image. So I figured out that if you put a spacer that goes across the whole page you can force things to line up nicely, then delete the spacer. This however causes the order in mobile to mess up, since it acts like a new set of columns. It should be image text button, image text button etc. but when forced to line up nicely the mobile looks like image image image, text text text, button button button It seems either I can have things aligned, but out of order on mobile, or the other way around. I am hoping there is some sort of solution where we can have both the alignment and order correct. Maybe css that reorders the blocks when in mobile? Or maybe I am just missing a trick in laying this out so Squarespace cooperates. I have tried a couple things but it seems that the code is beyond me. Any help would be greatly appreciated! I have another site we are building as a sub site of this main one that is facing the same issue. Thanks!
-
Site URL: https://www.parkersburgartcenter.org/ I would like to align my logo with the navigation bar. Logo on the left, followed by navigation. I think this is an option in 7.1, but can't find how to do it in 7.0.
-
My CSS has the following but my captions are still not centering under photos. Any ideas? Thanks. .thumbnail-caption { font-family: helvetica; font-size: 12px; text-align: center; color: #000000; background: ; padding: 2px 0; }
-
Site URL: https://plantain-halibut-ggpk.squarespace.com/livre-le-cousin/#/livres-le-cousin Hi everyone, https://plantain-halibut-ggpk.squarespace.com/livre-le-cousin/#/livres-le-cousin password : juliettebiennee For this website, I already messed a bit with the CSS but creating a full width browser footer with this bit of CSS : .Footer-inner{ height:100vh; } Inside this footer I have 2 columns of menus, one left aligned and one right aligned (also used a bit of code for this right align) : I would like for these menus to be fixed into the footer excepts that these 2 blocks would not be aligned to the top of the Footer, they would always appear at the bottom of the page, at the bottom of the footer, like a position relative to the bottom of the footer : I've not been able to find anywhere a piece of CSS code that could help do that. Ideally I would like to use only CSS code, the person is planning to by a personal plan for that website. Hope someone will be able to help me on this 🙂 -
Site URL: https://denim-tarpon-wcw8.squarespace.com/ I've got an alignment issue that is rendering on web browsers but not in the Squarespace back-end.... See images attached: - 1st is from Squarespace back-end an not showing the issue - 2nd is from Chrome and showing alignment issue of highlighted code block to the text block to the right This issue happens across Safari too and started when I inserted some custom CSS code to display the circle with the bouncing arrow and to display some spacers in mobile. Code inserts we from tuanphan (legend!!!). Any ideas are much appreciated. password to website is SNRG2020! Cheers
-
Aligning titles + changing image crop in mobile gallery
SiobhanC posted a question in Coding and Customization
Site URL: https://danielleboesenberg.com I'd be very grateful for some help in resolving a final issues I'm having with a site I'm currently designing. I've attached a file that gives an outline of the three issues I'm trying to fix with custom code. I know very little about coding, so have been struggling to find answers to how to fix these three things. If anyone on this forum is able to help, I would be extremely grateful! :) The site's url is: https://danielleboesenberg.com The password is: DBtest Many thanks, Siobhán -
Site URL: http://www.pantryphilosophy.com I need to resize and center this image on Tablet and remove the hyphen on the title. I am using the following code: //IMAGE RESIZE ON TABLET// @media screen and (max-width: 1024px)and (min-width:641px){ #block-yui_3_17_2_1_1596512003680_56399 { width: 100% !important;} } //REMOVE HYPHENS MOBILE & TABLET VIEW// @media screen and (max-width: 1024px)and (min-width:641px) { p, h1, h2, h3 { -webkit-hyphens: manual !important; -moz-hyphens: manual !important; -ms-hyphens: manual !important; hyphens: manual !important; } } PASSWORD: Pantry
-
Site URL: https://soybean-flute-42kz.squarespace.com/ Hi, I'm hoping somebody could help me with some code that makes the footer not stacked on mobile. There is so little in my footer it easily fits next to each other. Thanks so much. Password to site is Sandy Thanks Claudia
-
Site URL: https://www.thejuicylifeyoga.com/ Buttons under text are not horizontally aligned - this occurs in tablet view only. They are aligned in the editor so I don't know how to fix this. There is custom code embedded in the buttons, but I did not write the code, it links with 3rd party app. The owner wants to buttons to line up...any suggestions?
-
Site URL: http://www.billydupee.co.uk Hi there, I want to include a Copyright left aligned within my footer, but also have a hyperlink to my Instagram within the same footer but aligned to the right. As per below: If i make this with 2 text blocks then the blocks stack above each other when viewed on mobile. See below: How can I keep them on the same line within the same text block so they stay aligned in any sized device? Thanks
-
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 -
Site URL: https://vickyliszew.com/ When you zoom in or out on the homepage with a laptop, the grid gallery does not align with the text. I find it very difficult to keep them aligned, it is also very inflexible to play around with the design of the grid gallery. Anyone can let me know how I could keep the grid and text aligned? Thanks!
-
Adding a news feed to the right of the main page?
colinodowd posted a question in Coding and Customization
Site URL: https://www.verinetics.com/ Hello, I have developed my webpage within the confines of the site width. I am trying to increase the margins in order to add a sliding news feed off to the right of the main page content width. All of the other content on my homepage should be centered underneath the main image as shown in the image attached, I would like to add the news feed to the right of this image (red box) but I cannot seem to figure out how to do this.
