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

Search the Community

Showing results for tags 'full-width'.



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 82 results

  1. Site URL: http://carlmindling.com I have a PNG logo I’d like to float over my background image, essentially replacing the Page Overlay Typography in Tremont. (On my site, the text Exceptional experiences.) Is there a way to move the Site Logo from Nav and place it centered, full width, over the site? Or, how can I upload the PNG and float it centered on my home page? Thank you!
  2. Site URL: https://www.andreromaophotography.com/print-shop Hi there, I am using Wells Template .How do I make the Product Page thumbnails go Full Width similar to my gallery page? It has a limit of 1800px Also, when I go into the product product display the images are cropped. Is there a solution for that in this template? I have seen other websites where that doesn't happen. Thank you
  3. Site URL: https://heptagon-coconut-eb6t.squarespace.com/ Hi Squarespace Community, I am building this website (https://heptagon-coconut-eb6t.squarespace.com) and would love to add a line of text in the bottom center of the screen, on top of my full-bleed images. Is that possible with custom code? Would love some guidance here, as just adding <h1>Hello Test<h1> into my page header didn’t go too well. Thanks a ton in advance. I’d be immensely appreciative of your help. Cheers, Theo Template: Forte URL: https://heptagon-coconut-eb6t.squarespace.com/
  4. Site URL: https://www.jacobcozens.com Password: marley Hello, I am looking for some help regarding the width of my footer on larger screens. As it stands if i load my website on a larger screen (attached images are loaded on a 21.5 inch imac) my footer wont scale to fit the width of my header. Just looking for help regarding what custom CSS i could use to fix this? Any help would be great, Thank you.
  5. Site URL: https://www.jacobcozens.com/studiomessages Hello, I am looking for some help regarding the width of my footer and page contents (e.g. Project pages, About me, Contact) on larger screens. As it stands if i load my website on a larger screen (attached images are loaded on a 21.5 inch imac) my footer and page contents don't scale to fit the width of my header. This isn't the case for the gallery on my homepage which scales just fine but the footer does not. Just looking for help regarding what custom CSS i could use to fix this? Website: www.jacobcozens.com Password: marley Any help would be great, Thank you.
  6. Site URL: https://www.modernlifeau.com Hi, I was wondering if someone could help me with some css code to make newsletter blocks on my blog posts full width. Thanks in advance!
  7. Site URL: http://www.maeganlutz.com/homepage I am using the Margot template. I purchased a template from Squaremuse which uses the Margot template as a base. I am trying to determine how to make my content width wider. Everything on the page is SO narrow except my banner images. I have looked for hours for CSS to fix it, but haven't had any luck that has worked for me. Could someone help me out? TIA!!! * See image for reference of what I would like to do, move over on each side to make content wider*
  8. Site URL: https://shopstyletherapy.com/currently-coveting-fashion Carousel gallery and code will not load correctly upon opening page. It requires a page refresh to open fully/correctly (see photos). Is there a way to remedy this?
  9. Hello, I'm currently using the Bedford template for my website (non published yet) and can't figure out how to strech my index pages and folder pages' images to full-width. In the Custom CSS code I added to the Design > CSS Editor panel the following: // Page Side Padding #page, #content { padding: 0 !important; max-width: 100% !important; } // Image Padding .sqs-block.image-block { padding: 0 } This code worked great on all of my pages, except for the index ones (the content and gallery blocks remain centered with huge left and right blank spaces) and the images of my folder pages aren't full-width either. I am no expert at all so my apologies in advance if I'm not being clear. The Bedford template doesn't have specific tweaks to regulate the sizes and padding of the pages Thank you for your help :)
  10. Hi Everyone, I'm using the Brine template and I'm trying to make the section with the map (it's a code block) on the following index page full width. https://hexagon-energy.com/hexagon-energy-projects (pw: hexagonprojects) I'm trying the following CSS, but it's not making any changes to the page: #projects-map-section .Index-page-content { padding: 0 !important; max-width: 100% !important; } .sqs-code-block { padding: 0 !important; } If anyone has time to take a look and offer a suggestion, I would appreciate it Thanks in advance!
  11. Right now I have my header as far as it will go but it leaves about 20px on all sides white via a web browser. I would like to make the header full size what do I need to do? Also, I would like to have a full background with carefully placed elements on it (like a leaf or flower) just in one or two corners. What is the size of the background image for me to design this and or code to do this? This is a sample of what I am talking about for the background ( specifically that leaf area). OR could I include this in the header once it's extended?
  12. Hi everyone, I use the Maple template - part of the Brine family - and am trying to figure out how to keep my hero banner and header to the full width of the screen, while keeping the body content constrained. I've tried using the following: body { max-width: 960px; margin: 0 auto; } This does change the content to the width I want it at, but unfortunately also squishes the hero banner into the same size. Is there any way I can achieve the look I want without using spacers on the page? Thank you in advance!
  13. On this page (https://www.recordofalife.com/example), the banner photo is fullbleed & parallax. My question is, is it possible to make an image block with a single photo (not gallery images) do the same (fullbleed & parallax)? If you look farther down the page there is an image block with a single photo. I'd like to isolate this per page and not applied site wide if possible. Thank you. K.
  14. Hi All, I've added a background colour to my FooterTopBlock, however, it doesn't go all the way to the edges. Any advice on how to make this full width? https://splashandcocreative.com.au/new-home-page Thanks!
  15. Hello everyone! As the title suggests, I need some help expanding the width of a block used for my blog page within the Gravity template. https://www.midniteromerosociety.org/articles-1 In the attached sample, as well as the above link, you can see that there are large amounts of padding on either side of the blog entries. This is unfortunate as I would like the utilize more of the page space than the template is currently allowing. I've combed the interwebz to find a solution (or code) to no avail. Hopefully, with the help of you wonderful folks, I'll be able to find the solution I need. Thank you for your time and I look forward to hearing your responses!
  16. I am attempting to have an image take up the entirety of a section of my homepage, then overlap it with the above section using margin-top: -20px (or something along those lines), however I am unable to determine how to make the image span the entire section to begin with. Does anyone have any ideas? Using the Banner media option doesn't achieve what I'm looking for. Edit: The image of Dwayne "The Rock" Johnson is just an example transparent image I found off Google in order to convey my idea. All rights reserved. Below is an image of what I've been able to accomplish so far. This method is flawed once I add my actual text into the Lorem ipsum I have in the image. Here is the code: <style> .test { padding:0px;background-color:none;position:absolute;margin-top:-150px;height:700px;width:700px;} </style> <img class="test" src="https://static1.squarespace.com/static/5cb22a989b8fe830d1092c0d/t/5e12487508c15a57c853b6d8/1578256554557/transparentrock.png?format=500w">
  17. hi there! wondering if there's a code i can inject to make the code block full width on this page www.simplyrepair.uk/reviews I have tried #reviews .Index-page-content { padding-left: 0px; padding-right: 0px; padding-top: 50px; padding-bottom: 0px; } but that's just the page padding itself as far as i understand and the code block appears to be limited to a certain width Thank you!
  18. I'm using Horizon template and trying to get my homepage index banner to display a full bleed video on computer screens and full bleed fallback image on mobile devices. In Site Styles I've been able to change the Index Overlay Padding to 22% which seems to give me full bleed video on all desktop and laptop screens. But it looks small and terrible on mobile. Is there either code that I can inject that will force full-screen for index banner site wide on all devices. Or code that would allow me to set separate Index Overlay padding values for desktop and mobile versions? Any help would be much appreciated.
  19. Hi there, I am wanting to have full bleed image and background color side by side with text on the color background side, much like the Squarespace website: https://www.squarespace.com/ and see see screenshot for area I am referring too. I am wanting the 2 sides to be separately responsive so that the type is always just on the colour background. I do not have the coding knowledge to do this. Is there anyone who can help? Thank you.
  20. I am trying to have an image on the top of each page that does not have any padding (i.e. the image bleeds right to the edge of the page. In Site Style, the minimum Site Padding size is 17px and so this is always present. How do I override the padding so that there is none. An example page where I am trying to do it is: https://justgoodjuju.com/bracelets The image at the top (under the navigation) wants to be right across the page with NO white padding at the right or left.
  21. Does anyone know how to make the background color of this summary block on this page extend the width of the device?
  22. Hi All - we are creating a page where we are embedding an iFrame (from Tableau) and we want to - on *just* that page - remove all the formatting from the rest of the page. We have achieved this for the most part just by removing the header with <style> #header { display: none } </style> and by changing the background color to white, but we still have borders on either side of the block, even when block width is set to 100 Is there a way to remove those borders? We've tried: #page, #content { padding: 0px 0px; margin-right: 0px; margin-left: 0px; max-width: 100% } Which doesn't seem to do it Thanks for any advice!
  23. Is there anyway to have zero padding on a code block and make the block full page width? The block is jutting out to the right which I want left justified with zero padding, to go full page width. www.shoppersguide.com.au
  24. see image attached, in both mac Chrome & Safari the full screen video loads with 2 nasty empty spaces above + below. Is this a Squarespace "bug"...? How to solve this and make it smoothly full screen? Note: when resizing the browser manually the video snaps nicely full screen again...
  25. I want to make the gallery full bleed and possibly make the pictures size smaller in Foster Template. https://rhombus-paddlefish-39ss.squarespace.com/ Hope someone can advice? Thanks
×
×
  • Create New...