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
  • Squarespace Forum Club Guidelines's Topics

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

  1. Site URL: https://www.amberjainowell.squarespace.com Using a full-width header in York. Wanting to place my footer diagonally across from it with the same padding (45px, 45px). Only code I'm finding involves footer additions. Anyone have CSS for the placement only?
  2. Site URL: http://buffalobiketours.com Trying to figure out how to adjust the width of my navigation (using Foster in the Brine family). It feels constrained right now – I'm getting 3 lines of hamburgers instead of just one at the top. Any tips on how to remedy that? I'd just like all the navigation in 1 bar at the top
  3. Site URL: http://www.pitchurethis.com Anyone know how to create a full bleed (but fixed) horizontal rule? Basically looking to create a page divider. currently using the following css: the hr, for some reason, increases the actual width of the entire webpage, when I'd just like it to fit the standard page (responsively). Tried "position:fixed;" but it did not help. Any help would be appreciated. Thanks!
  4. Hi, I'm currently in the process of changing templates on my website, but I've been struggling to figure out how to make the grid gallery in my Margot template full-width (mobile and desktop). There's a weird white margin on both sides that looks clunky to me. Any CSS or settings help? I'm not sure how to copy the link as it's not live, but please let me know anything I can do to make it easier to get some help. I did include a screenshot. Thanks so much!
  5. Site URL: https://rose-pike-aek7.squarespace.com/ Hi all! I am using the Cailles template and need to use different versions of the logo on different pages (white logo on full bleed photo background and dark blue logo on pages with light background). I have using suggestions from posts re: other templates but have not found a solution. Anyone know what code I should insert to make this happen? I have saved the secondary logo in the custom files. Thank you!!
  6. Hello! I am experimenting with creating a site in squarespace 7.0 How do I make page elements such as gallery carousels full bleed / full width? Are there certain templates that one must use in order to achieve full width page elements?
  7. Hello! I am experimenting with creating a site using squarespace 7.0 How do I go about creating a full width/full bleed gallery carousel with autoplay? are there certain templates that are better to use than others for this? I am currently using Momentum but the gallery pages which are carousels do not seem to allow autoplay, and then I insert a gallery block into a blank page it is not full width- is there an easy way to make all page elements full width on a blank page in version 7? Thank you so much!!
  8. Hello! Is there a way to make it so that the images in all of my blog posts are full bleed/full width? If so- does the modification require a business account to do custom injection CSS? Or is there a way to implement this with a personal account? Thank you!!
  9. 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!
  10. 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/
  11. 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
  12. 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.
  13. 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.
  14. 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.
  15. 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*
  16. 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!
  17. 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?
  18. 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
  19. 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 :)
  20. 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?
  21. Hello, do you know how to make the google map full width without padding below it ? Thanks, Leo
  22. 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!
  23. 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!
  24. 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.
  25. 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!
×
×
  • Create New...