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

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

Found 36 results

  1. 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/
  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://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.
  4. Site URL: https://ecodefensegroup.org/ UPDATE*** Solution found. No one on upwork, here or stackexchange could figure it out. If anyone wants to have a banner video load on all mobile devices including iPhone 11 etc, I have a solution. It's lengthy. You may message me here for the solution. Background: Natively, the built in feature for background/banner videos is lacking. No matter what I tried I couldn't get any vimeo or youtube video to play or load on mobile phones, ipads etc. Our banner video loading on any website viewing device with internet is an absolute requirement.
  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: 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*
  7. 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!
  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 am currently creating a portfolio site using the jasper theme. However when creating a project page using the "blank" template i can't seem to get the content blocks to fit the width of my site, resulting in what you see in the images below. Not sure if i need to apply custom code to fix, but any help would be great. Website: https://tangerine-grape-bx5g.squarespace.com/test?p Password: marley
  10. 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 :)
  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. Hello, do you know how to make the google map full width without padding below it ? Thanks, Leo
  13. 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!
  14. 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!
  15. 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.
  16. 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!
  17. 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">
  18. 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!
  19. 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!
  20. I'm trying to make the image on the home page full width, no padding between it and the nav either. How can I do this without using an index? I tried that -this is using the index page, and it's how I want it to look: http://russellrpc.org/home-2 But if I set that as the home page, the second section shows up in the nav as an extra item. http://russellrpc.org/ Please help, thanks!!
  21. Using a custom code for an Instagram feed on my site, however, the code block is not allowing me to make it full width. I would like the block to have no margins all around similar to the Instagram feed at https://antiochatx.com. I've tried almost everything, but no luck. Please help! Using Squarespace 7.1
  22. 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.
  23. 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.
  24. 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.
  25. 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
×
×
  • Create New...