Search the Community
Showing results for tags 'alignment'.
-
Hi everyone, I'm working on a cover / home page in Squarespace 7.1 and I'd like to centre align two buttons ("Call Now __ ____ ____") and ("Get A Quote") and have the button text centred, with button width the same size. The first button is ~280px - 23 chars, the second ~173px - 11 chars. What's the best way to approach this? Thanks
-
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] .button-block { margin-top: auto; } -
Site URL: https://cacao-death-by-xoko.squarespace.com/ password: xoko I've recreated the 7.0 Cacao template in 7.1. I want the cart icon in the center, as per the 7.0 demo, but I can't make it happen in 7.1. Can anyone work out the code? Thanks! Screenshots of Cacao demo 7.0 and my recreation in 7.1 attached.
-
Aligning form fields and check boxes side-by-side
jussi posted a question in Coding and Customization
Site URL: https://guitar-turbot-wyhd.squarespace.com/ Hi - first I want to align both fields side-by-side. Then the three check-boxes underneith also side-by-side. Thank you and all the best from Oslo, Norway + STAY SAFE!!! -
Site URL: https://tgtfresh.com/ Recently, I became aware of the fact that all of my sections are only vertically centered in edit, and would move closer to the top when not in edit mode. I manually centered some of them by css padding, but, I still can't find the reason behind this. Could this be a result of one of my earlier code injections? (This problem exists universally throughout the site, I'm currently using css padding to make them appear centered) Thanks! -
Site URL: https://grapefruit-rectangle-py2e.squarespace.com/our-team Hi All, I'm currently tying to get the 'our team' section of our website working as intended, and the behaviour at some screen sizes is not ideal. What I want is for a small headshot photo to be on the left of the name and title at essentially all screen sizes (at the very smallest, I do think it would be better stacked underneath, but could live without this) Currently, the setup I have, which uses 'Image cards', works perfectly on a large desktop window but on mobile or if shrinking the window width, certain sizes by default result in a much larger photo being displayed, with the name and title underneath. I've fixed this with 'width: 25%', but that does not restore the correct position of the text. Is there a way of locking the behaviour of the image card, so that squarespace is forced to switch from two columns to one first, and not move the names and titles off the same row as the picture until there is no other way to display everything? https://grapefruit-rectangle-py2e.squarespace.com/our-team website password: dmgproperty Any advice would be greatly appreciated! -
Site URL: http://isaacmcnicolphotography.com.au Hi, I'm trying to add my company email and phone number to the site header so that it appears on every page. I've managed to get it as shown in the screenshot but I'm not happy with this for a couple of reasons. I'd like to have the contact details up well above of the other page navigation links, subtle and out of the way but still clearly visible. I'd also like them to be right aligned so that they line up with the right alignment of the site navigation links too. I have the "special covid prices" banner which can be clicked away too. I can add the email and phone number to that but because it's a banner it can be just clicked away and those numbers won't be visible anymore. If I could get the email and phone number to also be under the banner if the banner is clicked away that would be great. Any clues? If the banner part is too hard I can just get rid of the banner. Thanks in advance! Isaac
-
Site URL: https://www.greenlightinsurance.co.uk/new-page I have a chat widget on the page https://www.greenlightinsurance.co.uk/new-page, it is always in the bottom right hand corner but is being covered by sections so you only find it when you scroll to the bottom. I have reached out to the widget developer but I wondered if there is a fix I can apply? The widget is adding using a code injection, I have only added it to this page for testing. Any help greatly appreciated.
-
Site URL: https://salamander-impala-akwa.squarespace.com/aftercare I need help, making this image stack the same size in each section even if the text is longer or shorter, please I need help! -
Site URL: https://www.theprintsmith.co.uk/ Hi there I just launched my new site based on the 'Hawley' template. All good on the whole and it seems to work well - initial feedback has been positive. However, the homepage utilises a list of 5 'project' titles which visitors click on to take them to that section. However, on mobile, the text isn't centralised fully. It's just one title 'Personal & Business Stationery' that is off so I guess this might indicate that its too long(?). Its perfect on desktop and tablet but on mobile, where it drops this to 2 lines (which isn't an issue), this throws the alignment off-center. Can someone please suggest a fix for this please? I really want to make it right. Screen grab attached. Many thanks in advance. Chris
-
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://marcoleone.it/bud-light Hello! I'm having issues with buttons alignment with the mobile version of my website portfolio. The ideal would be to have all three buttons aligned at the bottom of the page. Is there any way this could be fixed? Thank you for your help. Marco
-
Hi, I'm trying to target a specific text block on mobile so that I can adjust the text styling (from centre align desktop, to left align mobile), and other elements such as padding. Is there a way to target and style a block through CSS that doesn't affect all the other blocks? Here's the site: https://www.rejectsupply.com/ Test123 The block I'm trying to style is called "H2 Text Block" on the site itself, (ID block-ce591823b8f1025afa01) Thanks!
-
Site URL: http://emwave.ca Hi, hope someone can help with formatting issues we're having with our site image header on the mobile site. Please see attached screenshots of the desktop site vs the mobile site. Any help would be appreciated! Thank you The site is not yet published
-
Site URL: https://www.dr-nemo.si/home Our website is made in 3 languages, each language is a different folder and so it has its own dropdown menu. I would like to modify the dropdown menus so that the appropriate menu is always visible while you are within its folder (for instance when you're looking at the pages in the English folder the English menu is always fully (extended) visible for easier navigation). And secondly I'd like to transform the drop down menu so the subpages of the folder display side by side in the menu and not one below the other. Are either of these things possible? and if yes how could I achieve them? -
Site URL: https://butterfly-clover-xpmk.squarespace.com/ I'm having trouble trying to figure out how to prevent the text from overlapping when the site scales down for smaller screen devices. First I wanted the 'Membership and passes' text to wrap within the confines of the column, like it does in editor view (see image below). For some reason it doesn't do this in production! Help is much appreciated: -
I have created a client side with the content width set to M. I've just added in a section using the list auto template it looks as though and the content is displaying with a content width of L, but there is no option to change it. The only options are as per attached images, the content width part changes the content spacing within the card only, not the actual section. Any help appreciated!
-
Site URL: https://strawberry-raspberry-3kmm.squarespace.com/profile Site Password: HinLim I can't figure out how to make the text align properly on the profile page. would like the body copy to sit in line horizontally with the headings.
-
Hey all, I'm using a summary block to display calendar events on a home page, but I want it to look like the attached, where the title of the event sits to the right of the event date, horizontal stack instead of vertical. Not sure how to hack this with CSS. Thoughts? -
Site URL: https://strawberry-raspberry-3kmm.squarespace.com/ Password: HinLim The navigation links on the landing page are aligning to the top of the logo on the bottom left. I would like them to align to the bottom. How can i do this? Thanks!
-
Side by side buttons on mobile one a specific page
RossBurns posted a question in Coding and Customization
Site URL: https://www.gerafoundation.com Hi, I'd like to align two buttons side by side in the mobile view of my website. Ive seen my question asked several times before on here where a CSS code is the recommended solution. I'd like to apply this affect to specific pages on my website and not the entire website. I cant figure out which part of the CSS code targets the specific page. Can someone help me with this? I'd like to have the "prev" and "next" buttons side by side, however they currently become above and below only in the mobile version, example https://www.gerafoundation.com/james -
Hi, I am working on a 7.0 site where I need the gallery images to be larger on mobile . I know how to get the code for each image and make them larger however they are not entered now. Does anyone know the code to centre the images. This is my code below. /* CSS FOR MOBILE */ @media @mobile { /* Insert Code for Mobile Below This Line*/ #collection-615435ef6ec44457a9705c06 { width: 150% !important; margin: 0 auto; } /* Insert Code for Mobile Above This Line */ } Thanks
-
Site URL: https://www.austinwinters.work Having a couple of issues with how my website, https://www.austinwinters.work, looks on mobile. Whereas my name appears correctly on desktop, you have to scroll to see it fully on mobile (see attachment). Does anyone know a workaround or code I can use to fix this? Also, on a similar scaling note, my email address listed later down the page doesn’t scale properly. Half of the email address gets placed on the line below rather than the font size adapting to make it fit on the same line. Is there a way to fix this as well? Thanks!
-
Hello forum, I'm trying to left-justify title on gallery block in 7.1. Currently it's centred. I've googled, but no luck. Could someone suggest code? Thank you.
-
Site URL: https://www.solokristi.com/the-party Hi, I am trying to center align the blocks so that the second row/block appears centered. Right now it is right aligned. Is there any custom css that could help?
