Search the Community
Showing results for tags 'alignment'.
Found 78 results
-
I am evaluating SS and have hit a hurdle for what I would have thought is basic requirement. In the footer, I have a text block on top and an image block underneath (with caption). How do you left align the image so the block content remains aligned with the text block above it?
-
Hi everyone, I am using the Utica (Brine) template for my site, and it has 3 image blocks across the home page in the "stack" format. I've added a button to each one that links to a different page on the site. The buttons automatically align to the left of the block, below the image and text, and of course are slightly different widths as each one has different text. I've found CSS snippets to standardize the width of the buttons here and elsewhere on the web, but they don't have any impact on the buttons in the image blocks. Is there any way to make all of these buttons the same width, and also to center them at the bottom of each image block? Thank you so much.
-
I need to Right or Left Justify the Announcement Bar Text. Please help! Thank you so much in advance for your CSS wizardry!
-
I'm working on my site: http://vedranm.com I have added a CSS code to show the Image Title and Descriptions under the Gallery images. I will paste that code below. But for whatever reason, the images now seem to be off-center, so the titles and descriptions below it don't look centered and aligned. Let me know please if someone has a suggestion how to fix this? .collection-type-gallery #slideshowWrapper .image-description { text-align: center; width: 100%; padding: 10px 0px 0; background: #fff; display: block; position: relative; bottom: 0px; margin-top: 0px; margin-bottom: 25px; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide img { max-height: 90%; width: auto !important; margin: 0 auto !important; margin-left: auto; margin-right: auto; top: 0 !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit { position: sticky; max-height: 100%; width: 800px !important; margin: auto; top: 50%; left: 50%; transform: translate(0%, 0%); right: auto !important; } .collection-type-gallery #slideshowWrapper .sqs-gallery-design-stacked-slide .sqs-video-wrapper.video-fit .intrinsic-inner { text-align: center; }
-
I'm working on this site: https://jacqueline-misla.squarespace.com The home page and Expertise (https://jacqueline-misla.squarespace.com/expertise) page are both using Poster Image Blocks. I'd like to center the text on the Image Blocks on the Expertise page while keeping them left aligned on the home page. Can anyone help? -
Hello! I'm using the Clay template and have most pages setup with small spacers on left/right and left-aligned images images sharing a text block beneath a Heading 1 title text block. When viewing on a mobile device the layout does a good job of putting the title block, image, and text on top of each other, but the image doesn't fill the whole screen - it's slightly aligned to the left. Is there a way to have the image fill the whole screen, left to right, when viewing this layout on a mobile screen? https://pvactx.org Thanks in advance!
-
Hi. Is there a way to recenter the welcome banner image for the mobile site? On the desktop and tablet view, the picture looks good. However, on a phone, the photo is off center which makes it look bad. Is there a way to recenter it for mobile versus desktop. Or, do I need to upload and different photo for the mobile site? If so, how is that done? Thanks. aviatorsclinic.com password: stearman
-
Hello. I am using the Ready template and my navigation is on the left available as a sidebar only when you click on the icon to expand it. I want it in the center of my homepage like most websites. I don't want to change my template and design, so is there a custom CSS I can use to make this happen? Thank you so much! -
Hello! I am trying to change my horizontal navigation bar to vertical, I found the code to do this by looking at similar questions on the forum but when I type it in nothing happens after saving & clicking refresh. I noticed the following note above css page and wondered if this would apply to the navigation bar also? Note: Custom CSS does not apply to Cover Pages. Here's the code I used: .Header-nav-inner { height: unset !important; width: unset !important; display: flex !important; flex-direction: column; } Thanks, Sarah
-
Bedford banner, lowering text from centre position
MAC1CIV posted a question in Coding and Customization
Hi there I am looking for some code to lower the position of the text in my Bedford Banner. I have seen this done for the text to be aligned left or right but not for lowering the position. Currently the text blocks the face in the photo. Many thanks for your help. Mark -
Align Intro Text (Index Description) Left with York Template
Gabtab posted a question in Coding and Customization
I'm looking align text to the left using the York template. The standard setting is center aligned. I can't find how to edit this. It seems that my options are limited to these, unless custom CSS is needed. Thanks in advanced for any help you can offer.- 4 replies
-
- 1
-
-
- york-template
- text
- (and 2 more)
-
Is there a CSS injection to center all buttons throughout my site on mobile only? (I'm using the Brine template) Thanks in advance for any help!
-
Center Blog Title/Header (Wells)
stevedoylephotography posted a question in Coding and Customization
Hi all, I'm using the Wells template, and would like to have my blog title/headers center aligned, rather than left. There isn't an option to change this in Site Styles. Does anyone know what the css code would be for this? Cheers! -
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. -
I'm using the Tremont template and have managed to get the logo and social icons centered with some CSS however, if you view the site on a larger monitor (24"+) the logo and social icons are no longer centered. Any ideas how to make it consistent over multiple screen sizes? View the site demo here - https://rumemockup.squarespace.com/home PASSWORD: RUME Thank you! -
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!
-
is there any way to bottom right align the nav bar for the momentum template ?
-
My hamburger button is below my logo on mobile when live instead of how it previews on mobile viewer on Squarespace desktop. How can I get the hamburger button to align right and logo on left?
-
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
-
Hi, How can I center the Archive block or move spacers into 1 row in the footer? I'm using the Wexley template.
-
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. -
I have two blocks side by side acting as two columns side by side filled with text in each one. I use a site background that is not white (#323232), the columns/blocks in this case are set to white (#ffffff). At various sizes of browser scaling, one of the columns gets shorter/longer than the other due to the text scaling in the blocks and then the dark site background shows through. You can see it below right when the browser size is scaled smaller. If I keep making the browser smaller the dark space may then flip to the other column.
-
Wondering how to center a gallery image block on an index page? I tried a code from a similar thread but it didn't work. site: https://healthplusstudio.com/home1
-
Maybe this is a two part question: 1. I'm trying to figure out how to change the height of my index banners on mobile view (I've tried several things that don't work). 2. When I change the height of image (and probably the index banners too) the text over the images stops being vertically centred over the images. Is there an easy way to solve this with CSS? or even an example of how to do it with one image so I'll duplicate it for the others. Thank you in advance for your help! The site url is https://lily-smilodon-gzzc.squarespace.com/And it's currently getting linked to http://www.moveintowellbeing.co.nz/ (private until finished pw: temporary) -
I'm having trouble making icons look clean in Squarespace. The pngs I've uploaded are getting compressed in ways that make them look poor quality. So I'm trying to use SVG icons instead. I opened my SVG icon in a text editor, copy and pasted it into a code block in Squarespace and added width and height properties to size it. However, for the life of me I can't figure out how to center the icon. Screenshots attached of where I'm stuck and the code I'm currently using. Feel like I'm really close. Does anyone have a solution for this one? Many thanks! Chris
