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

Search the Community

Showing results for tags 'center'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • 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
  • Colorado Designers's Topics
  • Squarespace Forum Club Guidelines's Topics
  • Austin, TX Designers's Club Discussion
  • New York City Designers's Club Discussion
  • Berlin Designers's Club Discussion
  • SEO Experts's Club Discussion
  • Photographers's Club Discussion
  • Graphic Designers's Topics
  • London Designers's Topics
  • Podcasters's Club Discussion
  • Custom Coding Help's Club Discussion
  • Atlanta, GA Designers's Topics
  • Seattle, WA Designers's Topics
  • San Diego, CA Designers's Topics
  • Dallas, TX Designers's Topics
  • Australia Designers's Club Discussion
  • Minnesota Designers's Topics
  • Minnesota Designers's Topics
  • Copywriters's Topics
  • France Designers 🇫🇷's Topics
  • France Designers 🇫🇷's Topics
  • Portland, OR Designers's Topics
  • Canadian Website Designers's Club Discussion
  • Los Angeles Designers & Devs's Club Discussion
  • South African Designers's Club Discussion
  • Brazil Designers's Club Discussion
  • Developers's Club Discussion

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


About Me


Website


Location


Badges


Expert ID

Found 33 results

  1. I'd love to center the text I have next to the image in a card format, but only on mobile as the text appears below the image on the mobile site. Thanks, Aria www.ariarosedurward.com
  2. Site URL: https://opera-stl.org/ We put in this code (below) to use the mobile hamburger nav on desktop, but it makes our logo in the header be off center. How can this be fixed? @media screen and (max-width: 5000px) { .header .header-title-nav-wrapper .header-nav { display: none; } .header .header-burger { position: absolute; display: flex; order: 1 !important; } .header--menu-open .header-menu { opacity: 1; visibility: visible; } .burger-box div { display: none; } .burger-box { background-image: url(https://static1.squarespace.com/static/5f174588f138424ec2fbd0d7/t/5f1a2c0859f5c362ebe8be8f/1595550728438/Hamburger+Menu.jpg); background-size: contain; background-repeat: no-repeat; background-position: center center; } }
  3. Hi, I'm trying to center the text in the newsletter sign up text box. How can I do this? Please see the attached screenshot for the exact area. Thanks!
  4. Site URL: http://www.evanthomascole.com/ Hello, I've recently refreshed my site and the last thing I want to do is center the entire footer block on desktop. It seems that at the 1024px breakpoint the footer does what i want it to do on all breakpoints, just be centered. I have added A LOT of custom CSS over the years so I'm hoping something old won't override what I want. Any ideas how i can achieve this? Since I'm using Flatiron, the default is for the footer to display text on the left half of the footer and social icons in the right half of footer. I removed the icons and just added text links to the text block. I want the text block to go full width. Help me! 🙂 http://www.evanthomascole.com/
  5. Site URL: http://echocycling.co.uk/shop Hello, I'm trying (and struggling) to center my 'Shop' page title for mobile. It's central on desktop but then aligns left on mobile. Not having this problem with any other page, just the shop. Webpage is https://www.echocycling.co.uk/shop Any ideas? Thanks in advance! Rhys
  6. Site URL: http://cclglobal.org Hi! I can't figure out how to get my 4 rollovers on the home page to center on mobile. They are circle graphics under Forum Member Experience. I added this CSS: { background-color: #aeaeae; } #img-hover1 { background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c58762232b8617bcbd39b/1596741750873/CCL_icon_peer1.jpg'); height: 100px; width: 100px; background-size:contain; } #img-hover1:hover { background-image: url('https://static1.squarespace.com/static/5effad5a19ba7176bb954f8e/t/5f2c587cc963ae176b5f4a95/1596741756609/CCL_icon_peer2.jpg'); And then used this code on the page: <a href="https://cclglobal.squarespace.com/forum-member-experience/#forum"><div style="width:100%;text-align:center;background-repeat:no-repeat;" id="img-hover1"></div></a> Thank you in advance for helping me!
  7. Site URL: https://bluebird-asparagus-gplf.squarespace.com/ Hello! i am trying to get elements/pages on both sides of my logo when viewing my site... I want “shopping”, “living”, and “contact” on the other side of “Tuscan Village” thanks! password - Tuscan
  8. Hi, Using Brine, how do you center the content (title, meta, excerpt, button) of list blog posts? Currently it is all shifted towards the top. Also, is there a way to create a space between the thumbnail and the blog list background box? Thank you! UPDATE: I have custom CSS and java on the site, and can adjust within there as needed. Just don't know what code to add. Thanks!
  9. Hello - I'm using the Nueva theme and am having a hard time centering the tagline. Attached is an image of the Header and Tagline when I select Top Center. Clearly this is not centered. All I want is to have the tagline under the artists name. Can anyone help me out? Thanks!
  10. Site URL: https://impala-falcon-5gh6.squarespace.com/ Hi! Please excuse me if I don't use the correct terminology, but... I am trying to center and gallery section on a single page with a simple header/footer, just text. The content (in this case the gallery images) should scale to fit the vertical height of the browser window while always showing the header/footer (no scrolling). My site is https://impala-falcon-5gh6.squarespace.com/ and the password is "1234", it's a WIP and for the moment I'm focused on achieving this before proceeding with the styling of type etc. and final images. I have attached a jpg of what I am hoping to achieve. So that the gallery is vertically centred on the page and the header and footer and fixed to the top/bottom of the page and there is no scroll. I've searched the forums but haven't had much luck. If anybody has some advice it would be greatly appreciated, I realise this might involve some custom CSS. xA
  11. Site URL: http://www.shopmaisaguam.com Hi all! How do I center badges in my code block? See attached screenshot.
  12. Site URL: https://matey.app/help Hi, I'm trying to vertically center the title text next to each blog in the List Summary block. Does anyone know how this can be done? My website is on version 7.1. Thanks!
  13. Site URL: https://www.emma-rose.co Hello I want my logo to be in the center of the page on desktop and mobile modes. I am using Mercer. I have recently changed my template of my site, which is why if you go to it you will see it's all kind of all over the place. But all I need help with is some custom CSS to get my logo into the center. TIA!
  14. Site URL: https://seadragon-lavender-g9t2.squarespace.com/ What custom css can I use to centre logo on mobile only please?
  15. Hi I'm using the portfolio template "Cami". I'm able to center my logo for desktop view, but when I switch to mobile view the logo moves to the left side of the screen. Is there a way to keep the logo in the center for mobile view? Thanks.
  16. I cannot center these two div's side by side in the middle of the page! Please see image. I've been working on this for over an hour and a half now. Could someone please help me with this? I'm not sure what I'm doing wrong. Here's my HTML/CSS code: https://jsfiddle.net/Lsn0roxu/
  17. Site URL: https://www.kevanw.com Hi Tuan, hope all is well with you! How can I center the left side of my footer on mobile? See attached snapshot. You provided me with this code: /* center footer */ div#page-section-5ecf2a340b3df05501728e41 .span-4 { text-align: center; } }
  18. Site URL: https://www.recaprabbithole.com/ How do I center all of these words that are on the left by default on mobile only? Link to page:https://www.recaprabbithole.com/topics
  19. Site URL: https://www.guilledelcastillo.es Hi, do you know how i can set my main logo and primary nav center? Like this: https://www.golivehq.co/shop/icon-squarespace or this https://www.golivehq.co/shop/curate-squarespace thanks you @tuanphan the last... i promise! thank you so much master 😁
  20. 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?
  21. Site URL: https://www.globalstagestreams.com/ Hi, I'd like to add some CSS code so that the gallery near the bottom of the site centre aligns when viewed on mobile. It looks fine on desktop with the 5 images in a row but when I view the site on mobile the last image of the gallery is aligned to the left. Can anyone tell me what code I'd need? Thanks https://www.globalstagestreams.com/ password: global1
  22. Site URL: https://www.botanicanorte.com Hi! I am getting ready to launch my site soon and I just noticed that on mobile, the add to cart button, select option dropdown menu, and quantity field are all not centered. I spent some time looking for the names of these things in the source but can't figure it out for the life of me. This also happens on any mobile browser (on iOS, anyway). I just want them centered! 😞 This happens with every product if you go to my shop. it's not live yet, so if you go to botanicanorte.com and head to the shop page, the password is botanicapdx. I truly appreciate any weekend warriors willing to help!
  23. Site URL: http://gregorylassale.com Hello, I am using a blend of HMTL, CSS and JS to add scrolldown arrows on certain pages of my site. Here is the CSS: .scroll a { position: absolute; bottom: 20px; left: 46.5%; z-index: 2; display: inline-block; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: black; font : normal 400 20px/1 'montserrat', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } .scroll a:hover { opacity: .5; } #arrow a { padding-top: 70px; } #arrow a span { position: absolute; top: 0; left: 50%; width: 24px; height: 24px; margin-left: -12px; border-left: 1px solid black; border-bottom: 1px solid black; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } I played with the left position a bit and it looks center on desktop, but it's a bit off to the right on mobile. Is there CSS property that allows to center elements across all platforms? I'd like it center relative to the rest of the content on the page. Thank you
  24. Hi, I have used a code block to contain an image and have created some code to allow this code block to crop relative to the page dimensions. I am however unsure how to keep the content centered vertically rather than cropping from the top. Here is an example of my current css .sqs-block { padding: -0 !important; margin-top: -0px; margin-bottom: -0px; object-fit: cover; max-height: 50vh; } Many thanks
  25. Site URL: https://www.klingercreative.com/shop Hi there, Looking for a way to center the navigation menu on my store page. It automatically has a left alignment and I'd like to make it center aligned. Is there custom code I can add? I don't see a way to do this in the site styles. Thanks!
×
×
  • Create New...