Search the Community
Showing results for tags 'alignment'.
-
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. -
Hi,I only have one product block, and would prefer it to be centre-aligned,Link: anxietyempire.com/shopThanks for any tips!
-
Site URL: https://indigo-chipmunk-42dl.squarespace.com/config/pages Hi, I am making a FAQ section for a section of my site and wanted to have drop down text boxes to make it more efficient and take up less space. I have the boxes working and the text I want displaying using code injection and custom css. When you click on the page however the text boxes are unaligned and get smaller and move further to the right as you go down. It looks really messy. Does anyone have any idea how I can fix this? The link to site redirects to homepage, from the drop down menu select cyber essentia
-
Site URL: https://reindeer-sailfish-bkep.squarespace.com/config/pages Hi, I am trying to align the product image and description in the store, but can not work out how to do it - I think it will need a custom css. So in the screenshot example I would like "SUN FLARE" to be aligned with the top of the image. Anyone know a work around for this? The site is: https://reindeer-sailfish-bkep.squarespace.com/config/pages and pw: help Thank you Beanie
-
Vertically Align Poster Buttons Using Jaunt Template
Roxanne_Hartley posted a question in Coding and Customization
Hi there I've been stuck on this seemingly simple task all morning and I simply can't find an answer anywhere. Maybe I'm missing something, or it's one of those bizarre Squarespace limiations. I have set up some content blocks for my homepage but the auto vertical alignment of the poster buttons is centered, I wish for them to be at the bottom as all of my images' main focus is the centre. I don't need them in Stack so they appear underneath, but at the bottom of the image so feel Poster style is accurate. Is it possible to do this? There are no options in Design and I have copi -
Site URL: https://puma-orb-9lss.squarespace.com/projects/metal-shop I'm looking to vertically center the location and photography sub-titles with the main title. Is this possible? This is the code I have so far. The most difficult part (for me at least) is to also having the photography show up inline on the right. <div style="line-height:40px; float:left"> <h2 style="display:inline; font-weight:bold">Project Title</h2> <h2 style="display:inline">|</h2> <h3 style="display:inline; color:grey">Location, NY</h3> </div> <div sty
-
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://a-mos.net hi, i have this site in hebrew language: a-mos.net and i have a contact form, i can't align the text (also the placeholder text) to the right i can't align all the text in the pages to the right cause everything gets messed up in the site, i need to align just the texts in the form. + another question, my menu in the mobile needs to be reversed, also because of the hebrew language. hope to get answers (:
-
Site URL: https://fox-azalea-c5ge.squarespace.com/config/ Hello, I want to get the title on a poster image to sit in the top left corner of the image. Any suggestions? I have tried translate/transform but when i switch to mobile the title move way out of alignment, and when i try to fit in on mobile specific it seems to effect its placement on desktop. Any sugestions would be greatly appreciated. SiteP: help%me%pleas3
-
I am trying to fix the alignment of the logo on my site so that it stays centered on mobile. I have built so many Squarespace sites previously but this is my first using 7.1. I find it not user-friendly whatsoever. I think I have chosen it so that it's a centered header; yet any time I view it on not a large desktop window, it aligns to the left (on the larger desktop windows it does indeed center). Any help would be appreciated!
-
Site URL: https://iris-dandelion-4xwe.squarespace.com/roma-black-technical-1 Hi, I'm trying to set up some simple Text boxes that I eventually want to look like the attached. But I cannot work it out for the life of me i have got them to the same size by using #collection-5fae540116947a58fecef4e8 #block-yui_3_17_2_1_1605367992259_22516, #block-yui_3_17_2_1_1605367992259_18966, #block-yui_3_17_2_1_1605367992259_17670 { min-height: 128px; } But no idea how to make the text vertically centered. Ths site url is https://iris-dandelion-4xwe.squarespace.com/roma
- 5 replies
-
- 1
-
-
- custom-css
- custom
- (and 1 more)
-
Site URL: https://whitprint.squarespace.com Hello. Is there a hack to make wide images align with the top of the product title on the product detail page? We're using 7.0, Montauk. If you would kindly take a look here: https://whitprint.squarespace.com/product-staging (password is "tada") you will see two products, Tall and Wide. Looks okay so far. But then when you click on Wide, you'll see the image does not align with the title, as it does for Tall. I am hoping there is some code we can inject to make the image and title align on the product detail page, with
-
Justify-Align Specific Text Blocks/Sections
gogreenmsu posted a question in Coding and Customization
Site URL: http://www.takebackyourcareerpodcast.com Hello, Is there a way to justify-align text blocks or specific sections? Attached are two sections, specifically, that I'd like to justify-align the text. Thank you password: boots135 -
Site URL: https://mackerel-dolphin-8hgc.squarespace.com/config/ Hi, I have added a hamburger nav to my desktop site in 7.1 and the logo has attached itself to it! I would like to move it to the opposite side of the page. This is the code I used to add a hamburger //HAMBURGER NAVIGATION// .header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important} Many thanks, Kelly
-
Change product size drop down menu - center text
Lsavvy23 posted a question in Coding and Customization
Site URL: https://www.andtheywill.com/shop/p/14pk949a7a9hae3oxhy0nou7qpe5wu Hi - Does anyone know if I can change the product size text alignment in the drop down menu? Or add some padding on the left side? Depending on what kind of screen or device you have, the sizes available in the drop down menu look too far to the left, like the are about to be cut off. Help with the code or if there are settings anywhere for it would be great! -
Hi, I'm having trouble aligning a button inside a photo on my home page. On desktop view it's fine since I've managed to add separators until the button goes all the way to the bottom. But when I switch to mobile view, the button remains in the middle of the photo (although it's looking at the bottom on the preview). Any ideas? I would really help some guidance here! Thanks guys, Eric
-
Site URL: https://www.zoelinda.co.uk/apt-new Hey! I need to make some text center-aligned vertically. Here's the page: https://www.zoelinda.co.uk/apt-new I'd love for this section at the top (my fake nav bar) to be center-aligned so it lines up with the button height. Anyone have any idea how to do this in CSS?
-
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.hereandnow.design/about Hi!, happy Friday! I'm looking to vertically align the text block to the image on the left side of this "About" page. I want to note that these are two separate sections, not sure if that is important to mention. I've included a screenshot of how it looks now, and how I would like it to look afterwards! Would appreciate help with this, and if you could also tell me where you found the #number used so I can apply this to other sections in my site that would be amazing! The password to my site is: present
-
Site URL: https://www.waterloogin.com/shop-copy2 Hello - I have a form on my page with a single form field ( select dropdown) and I am trying to get the form field to position align center along with the Title and Button. It was easy to use CSS to align the title text center but I can't find anything that works to re-position the field itself. Thanks! -
Site URL: https://www.poutacreative.fi/blogi I have currently only one blog post. How could I move the cover image to center before I post more blog texts.
-
Site URL: https://scacrowley.squarespace.com/ On this website, password sca the navigation dropdown links are not aligned with the main navigation text. See attached image. In the image example I want the dropdown text to align with the main nav "management" text. This is the code I added, it was even worse before this code was added. /* change dropdown menu container alignment */ .header .header-layout-nav-right .header-nav .header-nav-item--folder .header-nav-folder-content { left: 10; right: auto; width: 130px; }
-
Mentor: How to bottom-align the banner text
lucieallbright posted a question in Coding and Customization
Hello, I am using the Mentor template and want to bottom-align the banner text so it doesn't interfere with e.g. people's faces on the images. On the attached image you can see what I mean, it would look better if the text was positioned on the bottom left. By putting spacers on the left or right, I can change the text from left- or right-aligned, but vertically I can't influence the position. The design of the banner text with the white text lying on the semi-transperent grey background is defined by this Markdown (I didn't write it): The AllBright Foundation works to promote more women a -
Hi all, I've just started building my blog in mojave template and the default alignment for the title and metadata is left aligned at the top of the page. I cannot seem to find a way in the styles to center it. Is there a custom CSS code that I can use to do it? Thanks in advance!
-
Site URL: https://cod-dandelion-38r5.squarespace.com/ I'd like my google calendar to be centered on the page. I tried adding align= "center" to the iframe embed code for my google calendar, but that didn't work. PW NWFC https://cod-dandelion-38r5.squarespace.com/members-only-main-page
