Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

Search the Community

Showing results for tags 'alignment'.

More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Feedback on Your Site
    • Images and Videos
    • Pages and Content
    • SEO and Marketing
    • Site Design and Styles
  • Squarespace Forum Club Guidelines's Topics

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start



About Me



Found 104 results

  1. 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!
  2. Site URL: https://www.j3athletics.com/od-trial I have a page with 3 blocks going across. I've designed each one to my liking so far but cannot figure out how to get the text to be centered vertically in each box. Each box is a fixed size. I've tried nearly everything I could find on the web (margins, absolutes, etc) and cannot seem to make it work. Page is j3athletics.com/od-trial Example code in the markdown box (this would be the top left box on the page) <div class="LightBoxBorder"> Time: 15 Minutes<br><br> Equipment: Single Dumbell </div> CSS Code for the formatting (put in the CSS Design code) .LightBoxBorder {border: 2px solid #11294b; background: #00B3FA; color: #11294b; padding: 20px 20px; height: 175px; width: 260px; text-align: center; } Hopefully, I'm missing something very simple here to align the text within the box vertically (as well as horizontally centered which is done). I'd also like to add a thin blue line under each row of boxes to act as a visual separator. I know how to add a line into the page without code, but the padding on that is just way too much. I'm looking to keep the spacing to just larger than it is now between the rows. If it matters, I'm on version 7.0, bedford family template.
  3. Site URL: https://www.portcity.church/test Hey Everyone! I've been trying to get this to align for sometime, but nothing seems to be working. I'm trying to have the white button line up in the bottom corner and the "We're better Together" text slightly above it (see the attached images) The first is how it currently looks and the second is how I want it to look. Here's what I have going on currently: <style> * { box-sizing:border-box; } .connect { background-image:url("https://portcitychurch.box.com/shared/static/poy39t4b79axsdm9j0i1ncn1xw4nwav2.png"); background-position: center; background-size: cover; padding:20px; border-radius: 25px; float:left; width:80%; height: 400px; } .connect-button { background: #FFFFFF; padding:20px; margin-right: 10px; border-radius: 25px; float:left; width:auto; position: absolute; top: 40%; } </style> <div class="connect"> <h6 style="font-size:3vw; position: absolute; top:26%">We're Better Together</h6> <div class="connect-button"> <h8 style="font-size:1.3vw">Connect</h8> </div> </div>
  4. Site URL: https://jolsonweddings.com/ Anyone have any tips on CSS I could use to modify the buttons at the bottom of my homepage? I would love to make it so that the large button heights are consistent in size regardless of the text in the center. Screenshot attached. jolsonweddings.com
  5. Site URL: https://recorder-jaguar-6lxy.squarespace.com/ On the site I am working on, I need the 'read more' buttons to be aligned. Help!
  6. Site URL: http://www.terminallyinlove.com Hello, On my website www.terminallyinlove.com , I am using the CSS below to remove the title from the top bar navigation. The resulting issue is that the top bar nav is off-centered. I've attached a screenshot to illustrate. Is there any additional CSS I can use to fix the offset? I have very little programming knowledge unfortunately. The CSS I'm currently using is: #siteTitle { display: none } div.index.home { margin-right: 0 !important; margin-left: 0 !important; } Thanks for your help!
  7. Site URL: https://tulip-violin-g9e5.squarespace.com/core-values Hello, I'm trying to align an image horizontally. It looks great until the webpage resizes to fit various screen sizes. I'd like to center it in relation to the text on the left, but haven't been able to figure out the right code. See attached screenshots for reference. I've tried everything and can't get it -- help would be SO appreciated!
  8. Hi 🙂 I'm trying to display multiple products on a page, and align them on the desktop version from right to left, but when I switch to mobile view it dislayes the most left product first, instead of the most right one, and the whole order is backwards. Is there code I can put in the page to change the way things are displayed? (get it to right-to-left instead of left-to-right) *I already got a right-to-left text code in there if that changes anything: <div dir="rtl"> Cheers, Imri
  9. Site URL: https://raccoon-bobcat-3njy.squarespace.com/ Hello Could someone help with this please? I've got a poster block with a call to action 'Buy Now' button at the top of my home page. I've managed to get the alignment and size of the button just how I want it on the desktop site. This is what it looks like on the desktop - I did this by changing the setting in the Design-Image Blocks area of the site as below - But on mobile, this looks terrible! See below. Is there a code to fix the button size & alignment for mobile & tablets so I can achieve the same look at the desktop site? Thanks so much!
  10. I am trying to fix the alignment of the logo on my site so that it stays centered on mobile. I have built so many Squarespace sites previously but this is my first using 7.1. I find it not user-friendly whatsoever. I think I have chosen it so that it's a centered header; yet any time I view it on not a large desktop window, it aligns to the left (on the larger desktop windows it does indeed center). Any help would be appreciated!
  11. My CSS has the following but my captions are still not centering under photos. Any ideas? Thanks. .thumbnail-caption { font-family: helvetica; font-size: 12px; text-align: center; color: #000000; background: ; padding: 2px 0; }
  12. Site URL: http://norbertvarjasi.com Hi there, I'm looking for some solutions for my website's ( http://norbertvarjasi.com ) desktop view. I've put texts (working as a title) in top of the images of my projects. In phone view these look perfectly in the center but I have a problem with the desktop view. As you can see it on my screenshot, the texts are higher than it should be. If you could recommend me anything to sort this out, I'd very much appreciate it. Many thanks, Norbert
  13. Site URL: https://bronze-helix-da9r.squarespace.com/config/design/product-items Hello, Even though I specified on the Design section that the title is aligned to the top of the image, it is not align with the very top of the image. Does anyone know how to align the title with the very top of the image? Thanks, Clara
  14. Site URL: https://www.nyadorned.com/la-appts-original hello! I have a widget used on a page for a booking software that allows clients to make an appointment. I have never been able to get it centered. can anyone help me figure this out? the iframe code is supplied to me by the software: <iframe src="https://newyorkadorned821laartsdistrict.resurva.com/book?embedded=true" name="resurva-frame" frameborder="0" width="450" height="450" style="max-width:100%"></iframe>
  15. Hi, I'm trying to align the bottom of the navigation links with the bottom of my logo. Adjusting the line height doesn't seem to help. Any tips?
  16. I need to Right or Left Justify the Announcement Bar Text. Please help! Thank you so much in advance for your CSS wizardry!
  17. Site URL: http://www.plural.tv Hi there, We're trying to align the Primary Navigation (the only button is 'Contact') to the baseline of the Logo. Can this be done with some simple CSS? Our current site password is: 9lura75it3 Thanks so much for taking a look.
  18. Site URL: https://www.emi-sato.com/ I'm looking to align logo to the left using the York template. The standard setting is a center aligned. I can't find how to edit this. If anyone tell me how to achieve this using custom CSS, I would really appreciate it. Thanks in advanced for any help.
  19. I may be missing an easy fix, but I am looking to center a summary grid block so that when it adapts to larger screens, it doesn't leave awkward spacing on the right side. Any suggestions on code I can put in to simply center-align the block?
  20. 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.
  21. Site URL: https://www.thecuratedexperience.ca/ Hi All, Looking for help on a few pages of my site, and things being out of order on the mobile version. Any help or code to fix would be much appreciated! WHO WE ARE Sections are out of order (the Barn & Byre come before Welcome message) JOY SCOUT Content is switched “what is learnshop” currently comes after “experiences” MEDIA Images should come before content – or it needs to be consistent throughout Thanks! DC
  22. Site URL: http://www.thecuratedexperience.ca Hi All, Having a few other issues with the mobile side of things as well. Just hoping for a quick workaround or code that can assist. BODY & SOUL Line breaks are in an odd spot HEATHERLEA Pictures don’t align with experiences Appreciate the help of such a great community! DC
  23. 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
  24. Hi How do you get your navigation link to centrally align with it's drop down menu. I would like the text 'Resources' to be centrally aligned with the text/box in the drop down menu. At the moment the drop down menu is hanging off to the left! Thanks!
  25. Site URL: https://www.juergenhofmann.com/ Hi everyone, I want to move my logo on Forte template further to the top / left corner so it aligns better with the navigation bar. Tried my best with googling the solution but found nothing and I have absolutely no idea how to CSS :( www.juergenhofmann.com Thanks!
  • Create New...