Search the Community
Showing results for tags 'alignment'.
-
Site URL: http://www.timjobling.co.uk Hi there, I'm currently using some custom CSS to centre align the main canvas on certain pages of my site, the code is as follows: //Centre Canvas all pages #canvas { display: flex; justify-content: center; align-items: center; } This works great, however it is also moving my footer across from the left hand of the screen, I was wondering if there was a way of excluding the footer so it remains justified to the far left hand side of the screen as I feel this gives the site a more whole screen feel. For an example of what I mean the footer is correct on my homepage here: https://www.timjobling.co.uk/ But is more central on the project pages: https://www.timjobling.co.uk/alex-may-hughes As always any help with this would be great! Thanks, Tim.
-
I'm using some custom code to display filtered results. The first div is higher than the rest, though. Do you know what the problem could be??
-
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: https://www.rinnegatiandco.com Hi there! I'm trying to align the header logo image further to the left on a client's site. None of the coding I've found thus far has done the trick. Halp! 🙂
-
Site URL: https://universal.design Hey, Could someone please help me move the Facebook Messenger chat plugin from the bottom right to bottom left side of the homepage. Help is greatly appreciated!
-
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: http://littleengines.pub/theunintentionalist I'm trying to create extra space between blog entires when using a single-column blog. See screenshot for example of the space currently between a new entry and the previous entry. Any help?
-
Hello, I added a list section to 2 pages on my website and the button alignment is off probably due to the pictures as displayed below. I tried to adjust the picture settings ratio and that did not help any. I need to make sure the whole picture is displayed but not have it impact the button placement. I put the links to the impacted pages up in the header (stock market dashboard and cryptocurrency dashboard). The list section is called charts of interest and is down at the bottom of the page. Thanks in advance for the help!
-
Site URL: https://dodecahedron-parsnip-8fxe.squarespace.com/config/pages -
Site URL: https://contrabass-mayflower-5yeb.squarespace.com/ password: isle Hi! When I switch to mobile view, the alignment of the my product categories at the top of my product page (called Grocer Isle) are not aligned. Is there a code to make them center? Thank you!
-
Site URL: https://www.heartstringpictures.com.au/ Hi guys, How come when I change the size of my website window on my computer it drastically changes the layout of the blocks on my page? I'm finding it really frustrating. Other websites that I have seen don't seem to be affected by this issue at all. Also is it possible to have text on a page aligned differently on a computer version of the website than on mobile (center alignment on mobile and left alignment on computer for the same paragraph)? When the screen is smaller it appears ok Once it reaches a size that is roughly 16:9 everything changes Same as above Any help would be greatly appreciated! 😄 Cheers, Harry -
I tried many attempts to have the previous and the next button straight. Currently the PREVIOUS button is above the NEXT button. I tried adjusting the line height to zero in site style but it's still not aligned. It would be greatly appreciated if anybody knows how to solve this and makes them straight. Link is https://www.lexta.co/lookbook/boon-sofa-ideas-1 -
Site URL: https://cornet-green-nakz.squarespace.com/ Hi! I'm quite new to coding, any help or suggestion is much appreciated! I used the following code to customize the cart icon and add text underneath. But I can't align the icon to the right. Image is attached for reference, thank you! .header .header-actions-action--cart .icon { background: url(https://static1.squarespace.com/static/62ec1ff71a3945114dc3c287/t/630e588ddcbf3277a04fa082/1661884557772/List.png) center no-repeat; stroke: transparent !important; content: ""; background-size: contain; } .header .header-actions-action--cart:after { content: "Quote/Sample List"; color: #000; font-size: 12px; font-weight: 400; text-align: right; margin-top: 10px; margin-bottom: 0px; letter-spacing: 0px; width: 100% !important; display: inline-block; }
-
Site URL: https://bit.ly/3aWR8tp I am using 7.1 with the new design upgrade including gridded sections. I have a page that I want to add (5) side-by-side buttons, and they are each 3 grid blocks wide by 1 tall. The grid only seems to allow for an equal number of columns, so aligning my buttons starting from the center of the grid is impossible, and reducing each button down to 2x1 also isn't possible due to font size (don't want to make smaller.) Additionally, making 4x1 is too big. Does anyone know how to adjust the number of columns for a grid? Currently only seeing how to adjust number of rows. -
Site URL: https://www.craigkleila.com/ Password is "password". On my homepage on mobile, I want to center the subtext under my H1 - "Grow your organic traffic and revenue with highly personalized SEO strategies that produce first-page results." However, I want to keep it left-aligned on desktop. How can I do this?
-
I’m not sure what I’m doing wrong. I’ve used the same fonts and image sizes for all three of these personal profiles but they don’t seem to be aligned properly. The other ones on top look fine. https://www.grittytalent.tv/about this is the link to the page. If anyone’s got any input on how to fix this issue that would be much appreciated.
-
Site URL: https://www.firebellymarketing.com/blog Hi, how can I align the author and category in the blog feed with more than one category or author for mobile? The layout is not aligned and has a lot of padding. Where can I find or edit this part? Please see screenshot below. Appreciate in advance any help for this. Thank you! -
Is there a way I can adjust the placement of the pagination buttons on a blog post for mobile viewing? I would like the previous and next buttons to be at the same height.
-
How to left-align homepage headers just on mobile
Craig456 posted a question in Coding and Customization
Site URL: https://www.craigkleila.com/ Password to site is "password" On the homepage on mobile, I want the "Testimonials" header and subtext and "Featured case study" header and subtext to be left-aligned. I also want to left align the "View the case study" button on mobile. I want them to stay centered on desktop. How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view. -
Image block stretch to fit fill screen section
denbystrange posted a question in Coding and Customization
Site URL: https://antenatal.co.nz/ I'm wanting some code to make the image blocks fill the whole section even when set to fill screen. Currently there are gaps top and bottom of both image blocks. Section: section[data-section-id="630b403d02347f10be1128f7"] https://antenatal.co.nz/ Password: Antenatal2022 -
How can you change the format in the mobile version? When I do, the change will also appear at the desktop version. And text aligned central at desktop, and aligned left at mobile version. Thank you in advance. ps. my website is not live yet
-
Site URL: https://www.at17c.com/playground Hi! I have created a blog site using images and text in fluid engine. I can't seem to center align this specific configuration - how would I go on about doing that? TIA
-
Site URL: https://www.craigkleila.com/ Password to site is "password" On mobile for all four of my case studies, I want the "The Solution" and "The Results" headers to be left-aligned. I want them to stay centered on desktop. How can I do this? When I change the alignment from center to left in the mobile view, it also changes the desktop view. Here's one of my case studies - https://www.craigkleila.com/epic-reads-case-study.
-
Site URL: https://earthworm-lavender-b9kp.squarespace.com/ I want the first section of my homepage to fit exactly in a screen. I change the row count and I can't get it to fix exactly pixel-by-pixel. Password: Password123
-
Site URL: https://www.michaelheffernan.com There is too much space between individual blog posts and the menu on my website. Can any one help with code to fix this? The blog section on my website is called ‘News’ Attached is a screen shot of this blog page on my website https://www.michaelheffernan.com/news/leger-lifestyle-shoot-in-italy as an example of the problem.
