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

Search the Community

Showing results for tags 'formatting'.



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'm looking for a way to remove spacer blocks for a certain minimum screen size (for phones, ipads, small 13" laptops). Currently, the spacer width I have for a 27" screen stays the same for an ipad screen and it looks... messy. I'm left with a long vertical sliver of text at the center of the screen with huge margins on the side I know squarespace automatically removes spacer blocks that are next to other blocks when viewed on mobile. But this doesn't happen for ipads and small laptops. Even better would be a way to set the padding width directly (xxpx)
  2. Site URL: http://www.tailsandtrailsmaine.com Hi! I've added CSS code to create a fixed header, and now I'd like to do some customizing. Ideally, the header will turn slightly opaque when scrolling, and my logo and navigation will change to a different color as well. New to the CSS game. Thank you!
  3. Site URL: https://mackerel-collie-9dwr.squarespace.com/config/design/custom-css I'm having problems formatting my mobile site so it can look somewhat similar to the desktop version. Whenever I go on to the mobile site and click on an item, there is no option to go back to the previous page(no breadcrumbs or previous/next button). What am I doing wrong? Help please.
  4. Site URL: https://bcclive.com/services Let me start with a premise–I'm definitely not an advanced user by any means... Just an audio technician at a very small business with a graphic design background (printing/signage, not web dev) trying to improve our website! So if I'm trying to do this thing all wrong, please let me know... I've recently come across a few types of blocks that don't seem to be editable site-wide in the Design/Site-Styles function of Squarespace. Specifically right now, I'm trying to format a Content Link Block. The block pulls the banner media, title, and description of the linked page, but I can't seem to modify anything about it. The most basic edit I'd like to start off with is to change the style of the title to something like h2, rather than the 'normal' style. If it's a similar process, some kind of visual container would be ideal, such as a slightly brighter white box background around the link, so the grid of links looks like a collection of cards almost. Here's an example of that I found while trying to search for an answer to this question, which is a look I have never figured out how to do: Ultimately I'm looking for a way to visually let people understand that the links are in fact links, and more can be found from clicking (the way it's setup is we have separate web pages for the big services our company can provide, which are targeted landing pages from specific AdWords campaigns. I essentially want a grid summary of these web pages in my site as a quick overview of what we do. I know the above is a summary block of blog pages, which is slightly different than what I'm trying to accomplish, since I can't seem to create a summary block of anything other than products or blogs). I understand maybe I'll need to use the Custom CSS to target my specific page linked in this post? If so, where can I find information about this specific use? Is there a way to target the "block," rather than the whole page itself? Thanks!
  5. Site URL: https://www.thewillowherbreview.com I'm trying to figure out how to format a number of really structurally complicated poems—with non-standard spacing—so that they work across both desktops and mobile styles while retaining the exact spacing and line breaks. Many people would revert to posting complicated poems like this in image format, but then it makes the site inaccessible to screenreaders. Is there a workaround where I can turn off mobile style for just the pages of these poems, while keeping the rest of my site mobile friendly? Any tips would be so appreciated!
  6. Site URL: https://www.geyerdevelopment.com/ Hi There! I have a youtube video embedded in the hero banner on our homepage. It works OK when on a computer but when in mobile view, it zooms in on the video. I used the maple template and did not use any spacer boxes on either side of the banner, only padding. I've tried searching through other forums but haven't been able to figure it out. https://www.geyerdevelopment.com/ Thank you for your time. Erin
  7. Looking to create full bleed video on a site that does not autoplay. Willing to go the banner route, but how can I disable autoplay? Willing to go the video block route, but how can I make the thumbnail/video full bleed? Currently in 7.1 but early in the build and it's a simple site so willing to adopt a 7.0 template if I have to. Thanks!
  8. Site URL: https://rentstart.org Hello I have created a 'meet our team' page using code blocks instead of image blocks so that I can use hover over effects in which the images change (as per this tutorial). After wrestling with some formatting issues, it now looks fine when I'm logged in: LoggedIn2.mov But when I go to the actual URL, the spacing changes, the image sizes change, the hover over effect changes: URL2.mov Any help much appreciated! (Even if there's a better way of creating this page with hover over effects)
  9. Site URL: https://www.edwardflemingjewellery.com/ I would like to arrange pages displayed in my footer navigation into columns. I have 3 sites with Squarespace and im pretty familiar with the site styles tabs and options but I just can't see to figure out how to do this.
  10. Site URL: http://www.ozankarakoc.com Hello Friends! (My website is at www.ozankarakoc.com and I'm in the Business Plan.) Thanks to an earlier post, I achieved to force the hamburger menu to show up on desktop, but I couldn't find a way to format the overlay that opens when clicking the hamburger menu icon. The font size is too big that, when I place all my menu items, a scroll bar shows up, which looks unprofessional. Is there a way to make the font smaller or reduce the line spacing so that all the navigation items fit in the overlay? Thanks in advance! Ozan
  11. Site URL: https://goby-icosahedron-jc2m.squarespace.com/events Hi Folks, I have a few questions about the calendar customization in 7.1. Here is the page I'd like to display my calendar: https://goby-icosahedron-jc2m.squarespace.com/events (password: circle) I'd like to be able to: Change the background color of the boxes (days). Now, it's too subtle that on some screens it's almost impossible to understand the tone difference. Change the event date tag color (now white) Make the font size of the days larger And (probably the most difficult one) put a standard to the hover windows. Now, one event opens an overlay that fills two boxes, while the other one fills four. Looks completely random and doesn't make any sense to me. (Please see the images attached) Thank you so much in advance for your help. Best, Ozan
  12. Hi, Looking to have 2 photos meet in the middle like the example i've attached whilst also having them go all the way to the edge. If someone could provide some information on how to format on squarespace or some custom css to help me fix the situation would be great! Any help would be appreciated! Thanks!
  13. Hi, can anyone help? I am having trouble with the food menu block layout, the styling of it means you need to have a title, description, price. But on the starters I don't need to have a description for something like "Olives" without it though it doesn't move the pice into the correct place. I can put a character in the space where the description is to move the price over but it doesn't look nice. Does anyone have any ideas? Many thanks, Jo
  14. Site URL: https://guidewire.squarespace.com/music The embed code that squarespace uses from a bandcamp link ends up cutting off the widget at a number of different page sizes. It seems that if there is auto formatting of the content it would be maybe be more dependable. Bandcamp doesn't seem to change their widgets ever and it seems like squarespace should be able to handle it more gracefully. Grabbing the embed code manually doesn't seem to be much better. Is there a better way of showcasing these elements?
  15. Site URL: https://pigeon-orange-s7hm.squarespace.com/prints Hi, I have a store: https://pigeon-orange-s7hm.squarespace.com/prints PW: Suzi I have 6 prints. Like the store, but not the individual pages. The top 3 images are portrait photos so because I have set the formatting to Square it cuts off the photo. I need the top 3 images in their individual pages to be portrait and the bottom 3 images to be square. i.e these individual pages need to be changed to portrait: https://pigeon-orange-s7hm.squarespace.com/prints/coastal-hues https://pigeon-orange-s7hm.squarespace.com/prints/coastal-kangaroo https://pigeon-orange-s7hm.squarespace.com/prints/through-the-trees-inverloch All of the others Square (as currently set up). Can this be amended with CSS? Thanks,
  16. Hello, I've created the following design using the following codes: @media screen and (min-width:641px) { .sqs-block-horizontalrule {margin-top:-50px !important; margin-bottom:-50px !important;} } However, on the live site, these links cannot be clicked. I'm assuming it's something to do with the line padding. Could anyone please offer a solution without changing the design? Thank you!
  17. Site URL: https://thenbaunderground How do I format an embedded image? I have one above an article, and it's orientated with the text (left), and I can't find a way to center it. Edit: I found the solution. You simply do... <center> embed link <center> also, make sure to press </> first
  18. Site URL: https://bruno.yoga/ Hi there, I'm on Squarespace 7.1 using the font Plantin for paragraphs, and I've been highlighting some words in bold (using the inline bold button in the text editor). Everything was looking great for the past couple of weeks. Since yesterday, these bold parts have been displaying incorrectly both on desktop and mobile, but in the Squarespace editor, they do look correct. This is how they look in the editor (and how they used to look everywhere - perfect thickness and letter spacing) This is how the bold looks on desktop: looks messy and the space between the letters is too small: And this is how the bold looks on mobile, looks thin with too much space between the letters: I haven't touched anything font related nor injected any CSS... This is driving me crazy. I would really appreciate your help! 🙏 Thank you!
  19. Hi everyone, new to the forums but I recently ran into an issue that I can't find anywhere else in the internet. I'm using the Wav Music template and attached is a screenshot of an example product. The description is only a few lines of nonsensical latin, but it still overlaps instead of making a new line, as it's supposed to. Now, at first I added the new lines myself, however then when it is being viewed on even a slightly different sized window or screen, the lines become messed up again. Alright, that's my query, anyone have any ideas?
  20. Site URL: https://www.beneatstudio.com/media I created a new page with 3 thumbnail images accompanied by text and links. I want to add to this list but can't find an option that gives me consistent formatting. I am open to creating a new page if there is a better way to layout an ongoing list of original images & text. Thanks
  21. Hey there! The heading text in my order confirmation page is overlapping ON THE PHONE VIEW. I think I've gone through all of the font data to find any letter spacing out of the ordinary, but it is all set at 0em. Can someone please help?
  22. Site URL: https://www.winkeyewear.com Hello, I've added a form to a product that should be filled out when the product is added to cart. It works fine on desktop but on mobile it loads too wide and causes issues when you try to resize it or scroll around it. For now it is only attached to this one product but we need it to work on all of them. https://www.winkeyewear.com/ophthalmic-products/kirk-amp-kirk-cady Sonora Template (Brine family) Squarespace 7.0 effect is present on iphones on both chrome and safari. I can't confirm on non iOS devices. Is there a way we can modify the width of the form lightbox for mobile using CSS? thanks all.
  23. Site URL: https://www.artofmachine.com/shop-online?category=Jaguar Hi All, I'd like my product title and price to appear above the product image (example page in the link). This is not an option on my template (Brine). I do not want to overlay the title and cost over the image as it take away my ''secondary hover picture flick''. Any help is appreciated.
  24. Site URL: https://www.themarcuschung.com/ Hey there, first post here. Recently it has come to my attention that the words don't arrange themselves nicely when viewed on a mobile device. There are many gaps at right of the screen if the word is too long , making the blog look very untidy. i will emulate an example below. Would changing the template help? By “spending” time on these non-negotiables , the compounding effects will accrue to a healthier body through time. I emphasize consistency and dispassion because emotions are susceptible to change. Stay the course.
  25. I am using a custom dotted horizontal line for a client's website...and for some reason it is showing up square (as opposed to round) on mobile. When I see the mobile preview on my desktop, the dots are round. However, when I got to the password protected site (as it's not live yet) on my phone, the dots are square. Any thoughts on how to fix this? This is the code I am using to achieve the custom dotted horizontal line. .sqs-block-horizontalrule hr { background: transparent!important;border-top: 5px dotted #868b8b;} Any help would be greatly appreciated!
×
×
  • Create New...