Search the Community
Showing results for tags 'alignment'.
-
Vertically Centering Blocks of Two Columns
kaitschmidek posted a question in Coding and Customization
Site URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you I saw this effect recently on a website (https://www.violahillstudio.com/) where the contents of two columns are vertically centered without using spacers. I've tried inspecting the code of the website and can't figure out how to achieve the same effect on a client's website. URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you Password: emilie What I'm trying to do is in the index where the image block and text block appear beside each other, I would like to vertically center align the contents rathe -
Hi all, I've got a bit of a weird problem. I've been adding some headings to one of my pages, and wanted some icons to show up next to the heading titles. I used iconify to do this. This worked fine and displays perfectly, as I want it to, when I am in EDIT mode. Please see below: However, when I view the page in ''live'' mode, the icons are no longer in-line with the text. They sit lower down. Please see below: I have no idea why this is happening. I'm not very good with coding at all, so hoping one of you kind people can help show me what -
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://octahedron-potato-km2l.squarespace.com/client-experience Hi, Squarespace support has told me (well one of them told me - the first person said I'd copied formatting from Word or something which isn't the case) that it isn't possible using the Site Styles to format the sub title of a card image block so it's left aligned but that it would be possible using CSS. I don't really know any CSS but I've had a go and came up with this but it doesn't seem to work :-( .design-layout-card .image-subtitle {text-align: left;} Would be very grateful if anyone could advise what
-
Site URL: https://octopus-porcupine-ldts.squarespace.com/ Hi. I'm going through hell with this 7.1 site. I just want to have an image, below some text, and have it align left, with the text. Should be simple. But strangely it doesn't seem to be. I'm not trying to align text over the image. Just the image to sit on the left, instead of centred. I feel like this is so basic I'm missing something REALLY obvious inside the convoluted settings universe of 7.1. Please put me out of my misery.
-
Site URL: https://www.kakishibukigen.com/ After adding logo to my homepage, navigation menu automatically drops down and automatically position itself in the middle of the logo height. is it possible to custom css it so navigation menu is align with top of the logo instead (pic below)? Im using Brine template Kind regards
-
Site URL: https://silver-hyperboloid-kt5p.squarespace.com/config/pages/6071f4446c0d160d0caa0909 I have a single product on a product page. How do I center it?
-
heading Keep Logo Center, Move Navigation to Right in 7.1
unavolta posted a question in Coding and Customization
Site URL: https://shallot-leopard-twxs.squarespace.com/ https://shallot-leopard-twxs.squarespace.com/ pw: carden Hi there - I am looking for help moving my menu navigation to the top right side of the screen and keep the logo in the center. Site header options aren't letting me pair these two options together. -
Site URL: http://torchglow.video PW: T0rchgl0w I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile. I added the images via code block and have css resizing and positioning them. Here is an example: Code: <img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png"> CSS:
-
Site URL: https://www.rando.report/all-the-stuff Hello, I'm using Universal Filter Plugin to create filters for the various blog subjects. It's working well. It's set to multiples, so you can click more than one. The ones selected are in a different color. Click again, they go back to the regular color. On mobile, they show up as a menu overlay that slides out from the left. But I'm having two issues. 1) for some reason, the last button always ends up slightly out of alignment on the pop out mobile menu. Attaching screenshot. 2) The multiple selection seems kind of wonky on m
-
Site URL: https://www.nafaassetmanagers.com/ Also, one of the drop down menus is randomly looking like this: -
Using Nevins template I want the titles of the images in the Image Gallery to be centered. They are now left justified. I tried pasting code from different post I found into "Custom CSS" with no luck,
-
Hi,I only have one product block, and would prefer it to be centre-aligned,Link: anxietyempire.com/shopThanks for any tips!
-
Site URL: http://www.mattstratton.ca Hello, I'm looking to align the testimonial photo to the left of the text, instead of above and in the centre. I used a blog page and featured posts, to create the testimonial sliders. Then used a summary block carousel to create the format of what I currently have. I would like to align the photo to the left, and inline with the text. I have some css (attached) that I found online to create a circle image, but unsure of where to go next. -
Hello. I'm trying to line up images together, all of which I edit to be 1:1 ratio. However, for some reason they're all coming out different sizes and shapes. This was working fine for the past 3 days straight, and today I can't get it to work at all. Here's an image of what I'm talking about. The first photo is what's happening to me today, and the second photo is one example of what I've been doing for the past few days, uninterrupted. Example of past few days:
-
Site URL: https://gregorylassale.com/ Because of the scaling, the center element on the Services pages (https://gregorylassale.com/english#services and https://gregorylassale.com/french#servicesfr) is out of alignment on mobile. The picture above os on an iPad Pro 11 (2388x1668 pixels) Here is the same page on desktop: Not sure if the fix would involve inserting a spacer above the "film TV and multimedia" SVG code block, aligning the center row of elements, or reducing padding on mobile. Thanks in advance for the help.
-
Align images in grid-gallery at bottom - css required
lirumi posted a question in Coding and Customization
hello, I want to show images of different sizes in a grid, all with captions. I want the captions to be aligned and justified left, and the images to be aligned with each other along the bottom edge. I attach a pic of what I want my gallery-grid to look like. Squarespace offers default image alignment only to the center, and apparently also to the top edge. It is important to me that the space between the bottom of each image and the caption is consistent. How do I change this with custom css - what code and when/where do I do this? Any help much appreciated! -
Site URL: https://dalmatian-celery-kg9s.squarespace.com/ I feel like I'm sooo close to having made it on my own, but things start breaking when I change the size of the screen or it goes to mobile. I'd love your help with the last 5% to make this work as intended. Let me know if I need to provide you with anything else to help me fix this issue. Thanks in advance! A link to my site: https://dalmatian-celery-kg9s.squarespace.com/ All the CSS on my site (in case there's anything rogue causing the problem) The problem area is sandwiched between the //***** asterisks. // Stretchy -
Position text and button in image block poster.
hnrytran posted a question in Coding and Customization
I am trying to align the title and subtitle to stay on top left corner of the image block while the button stays at the bottom. Is there anyway I could do it so that the content always stay at the same position no matter the size of the image block? You can see that position of the text is slightly different in the screenshot below This is the code I have so far: Thank you in advance! -
This code gives me three vertically/horizontally responsive columns with equal height and width with buttons aligned. Regardless of difference in length of copy. However, it does not work when attempting to have four columns across. Any ideas of how I can make it work for four columns? Thanks in advance. [your-data-section-id] .sqs-row { display: flex; flex-wrap: wrap; } [your-data-section-id] .sqs-col-4 { background-color: #ebebeb; box-sizing: border-box; display: flex; flex: 1 1 330px; flex-direction: column; margin: 1%; padding: 30px; } [your-data-section-id] -
Site URL: https://www.meoconsulting.com/joy I want to set the video aligned vertically aligned respect the rigth column (form one). Data info: data-block-type="32" id="block-yui_3_17_2_1_1619648637965_9309"><div class="sqs-block-content" id="yui_3_17_2_1_1619665006781_93"><div class="intrinsic" style="max-width:100%">< Im trying to solve this adding in css the next code: @media screen and (min-width:641px) { #block-yui_3_17_2_1_1619648637965_9309{ //width: 95%; //display: grid; //display: flex; position: relative;
-
Site URL: https://barbellbasecamp.com Hello, I am having issues getting my logo to center on desktop with the burger menu in use. anyone know what I can do to resolve the issue? Thank you in advance.
-
Site URL: https://www.dianatantillo.net/storyboards Hello, I know I have seen the comment of reordering blocks on mobile and I have tried a few of the solutions offered, but I just don't know what I'm doing wrong. I have on desktop: [gallery] [text] [text] [gallery] And for mobile I want the image gallery to be above the text, but no matter what I try it doesn't seem to do it. I want My other question has to do with aligning vertically text. I would like the text next to these gallery block to be centered with them. What I have right now I did with spacers, but the small -
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 -
moving the controls location on slide show :reel
brettgirvan posted a question in Coding and Customization
Hi would love some help trying to move the arrows between the image and caption.
