Search the Community
Showing results for tags 'alignment'.
Found 82 results
-
7.1 7.1 How to bottom-align responsive image to a section
mate 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. -
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!
-
I am trying to center align text code that is currently left aligned. How do I do so? Do i have to add something into the text code in order to center it? thank you!
-
CSS Code to Split Lightbox to display image left text right
AdminDU posted a question in Coding and Customization
Hi there, I'm working with a Summary Block of a Gallery of team photos on a clients site. I want the Lightbox effect, but I don't want it to only show the content on hover. I'd like the image to justify left and text to sit right of the image. Does anyone know how to make this happen by injecting CSS? Thanks! -
I have everything setup the way I want it on my entire site except I can't figure out how to center the first and last image on my welcome page. The only custom code I have on the site is below which was just to add padding to the gallery on that page. Any thoughts on how I can make sure that the first and last image (all images, for that matter) is centered on the screen? My website is www.jordanpowers.com . @media only screen and (min-width: 801px) { .slide img { border-left: 10px solid; border-right: 10px solid; border-color: white !important; } } @media only screen and (max-width: 639px) { .slide img { border-bottom: 2px solid; border-color: white !important; } }
-
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! -
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.
