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

Search the Community

Showing results for tags 'padding'.



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

  1. Hello, I am trying to change the side-padding or page margins on a single page on my website. I know the collection ID for the page, but I'm not sure what the CSS code is. A demo of the page I'm trying to remove padding for is here: https://virtu.academy/masters-demo The end goal is to make all images on the page full-bleed with no padding. Thank you, Ben
  2. I have text block with a social links block under it in my blog SideBar . There is a big space between the two due to the padding. How can I reduce that space? Thanks
  3. Hi. When i visit www.fusionlean.com via mobile the texts are all close to the side of the screen, i need to add some space between them, how do I do that?
  4. Somehow the padding around all my buttons is too large. How to get them back to normal? i have tried various padding options, some dont seem to change anything, but button space remains the same. https://www.missmangosherbappeal.com/for-the-home
  5. After reducing the padding and margins around my image blocks through coding, I am still left with a horizontal white spacing between some lines. These spaces show up even more when the page is viewed on a mobile, they seems to appear when images that I have placed in a row on my desktop get broken up and presented below one another on mobile. In the attached image its the thicker spacing. My template is Nueva. This is the page's custom coding: <style> .sqs-block { margin-left: -15px !important; margin-right: -15px !important; margin-top: -15px !important; margin-bottom: -15px !important; } </style> I have no idea what this spacing is or how to remove it and I have spent so long trying to work it out! Please help !
  6. Hi there, I am using a custom font on my website for the drop down menus at the top of the site but it just recently added a huge gap between the primary navigation titles and the drop down menus. Does anyone have an idea on how to reduce the padding between the pages within each drop down? My site is private for now but here is a screen shot of what it looks like. Ideally I would like to reduce the spacing between events and upcoming events and possibly between the other pages ie b/w upcoming events, venues, type of events and calendar. Thank you in advance! Also, this is the coding i used to get the font in place: @font-face { font-family: 'Estilo'; src: url('https://static1.squarespace.com/static/5d7be41b5cb7d218f8c093c0/t/5d8bc38b609d4674de42bad1/1569440651395/Estilo.otf'); } h1 {font-family: 'Estilo';} .Header-nav { font-family: 'estilo'; font-weight: 600; font-style: normal; font-size: 20px; letter-spacing: .0em; text-transform: normal; }
  7. I would like to tighten up the spacing on this page. Each image already has a white border (to look good on mobile) How do I remove the padding around ALL images on this page. TYIA www.studioindigonashville.com/pricing-studio-indigo-yoga-barre
  8. Hey you all! I'm pretty new to SS, so bare with me. I'm trying to reduce the spacing between the video and banner of the index page. It's the black block/banner here on my site to my site www.drpodcasts.com I've tried this code I found here on these forms, but it didn't work: <style> #page { padding-top; 30px; padding-bottom: 0px; } </style> Basically, I want to shorten the size of the banner page so the video is nearly flushed with the video. I know I could do this by going to Design>Styles>INDEX:PAGE>Padding (Overlay Pages), but this affects every index page. I want this type of padding adjustment, but to ONLY affect the index page of where my video is. I've also attached a screenshot of what I'm trying to achieve. Hopefully that makes sense and hopefully someone can help me with this! Thank you!
  9. Hi, How can I adjust padding of the navigation on the menu? screen attached: https://imgur.com/FX8LdFl website:https://marigold-onion-dm3a.squarespace.comPassword: Campcamp1 @tuanphan Regards
  10. Hi, How can I do this? (screen attached) https://imgur.com/AT5fMXr website: https://marigold-onion-dm3a.squarespace.comPassword: Campcamp1 @tuanphan Regards
  11. Hi, How can I adjust padding of the navigation in the footer? (screen attached) https://imgur.com/3Wc7Psn website: https://marigold-onion-dm3a.squarespace.comPassword: Campcamp1 @tuanphan Regards
  12. Hi, I'm trying to reduce padding on blocks for mobile only. There's a standard 40px 60px; added to all blocks which I can seem to reduce with the following code, but there's other padding that still contributes to a lot of white space @media only screen and (max-width: 640px){ .Index-page-content { padding-bottom: 20px; padding-top: 20px; } } URL www.rejectsupply.com Test123
  13. I'm using the Momentum template for my website: https://earthworm-mandolin-xeek.squarespace.com/new-page-horizontal-masonry What I want to do: have a single image block that I can upload several images at once. the block of images are not all of the SAME size. Preferably Auto-Size or I can manually tweak as needed. the single block of images have ONE lightbox for all the block e.g. you can scroll and naviaged through the images once you've selected one. Options I see with this template that is not working out. Horizontal Masonry page. Issues: 1) I have to upload each image one at a time. 2) I can enable the lightbox per image but not for all the images on the page to be tied to ONE single lightbox. Plus: I can manually tweak the size of images and move around individual images creating my own image layout where images are not the same size. Image Grid Block (added to a page): Issues: 1) All images are the same size with this template - there isn't an Auto Ratio option or an ability to tweak and move around images within the grid block. Plus: 1) I can have ONE single lightbox so once an image is clicked, can navigate horizontally through images. Is there an option with Momentum template that can do what I'm requesting either through Site Style or Custom CSS. Also, I would like to make this image grid layout extend the full width of my browser page / mobile page. As you can see from the URL above: It only goes to partial page.
  14. I am Remaking an old site that was made in Drupal, I need to make it as similar as possible. Right now when I have two columns side by side they are too close. I tried adding a third column with nothing but a spacer in-between, but it that is too MUCH space in-between each column. Does someone know a way to shrink the width of a spacer block to be smaller than It is normally able? If not that does someone know a way to add a margin, or padding to an entire column? I can't seem to find a block ID for an entire column. @tuanphan this seems like something you would know how to handle. https://earthworm-capybera-xrep.squarespace.com/intellipasssystem
  15. Hi, How can I add padding to the top on some pages? (screen attached): https://imgur.com/NpJhmkX And is it possible to add to the side? (Screen attached): https://imgur.com/xHDBnhO website: https://marigold-onion-dm3a.squarespace.com Regards
  16. I have an image block on the home page of my website, a single image. It looks fine on the desktop version but on the mobile version there is a big white space above the image. This means that visitors will see the title, menu and social media icons, then a large white space, and then only half of the image is visible, have to scroll down to see whole of image. Can I add custom css to fix this? (My other images are in image galleries and don't have this problem.)Any help is much appreciated!
  17. Hi How can I decrease the padding on the footer? (screen is attached); https://ibb.co/Rp2YP99 url:https://marigold-onion-dm3a.squarespace.com/Password: Campcamp1 Regards
  18. I'm trying to remove the index padding from a single index page on my site. I can very easily go into the style settings and alter the index padding, but that changes it on every page. I just want to alter it on a single page. Is there some CSS code that can help me?
  19. I am using the Vow template. I have two image blocks beside each other. I have used the following css to remove all padding around images on desktop and tablet: /* remove padding around all images*/ .sqs-block.image-block { padding: 0px !important; } However, when the site changes down to mobile I get gaps top and bottom on these images. Is there some CSS I can you to remove these gaps/padding? Many thanks
  20. I'm using an index page and would like to layer my second page into the header. Anyone know code for how to do so?? It's a common practice I see online so perhaps I'm using the wrong vocabulary but it looks like they do negative padding. Here is a link to a website that does this: https://modernadventure.com/our-trips/yucatan-claudette-zepeda-2015clz0101/
  21. I am using a custom font for my client's website, and incorporated it into the website using a Code Block. However, I am having issues with a ton of spacing around each code block and I can't figure out how to get rid of it! It's causing some spacing issues on the desktop site, but especially on mobile - creating huge gaps between the code blocks and other text/image blocks, making it look not so great. See screenshots below (the scripted text is the code block). Desktop is the first image, and mobile is the second. I've tried a few different codes targeting the padding of the code blocks, but nothing seems to do the trick to fix this issue. Any CSS or HTML suggestions?? Greatly appreciated!!! Website: https://www.wildlyyoursweddings.com/
  22. Hi all, Following a previous answer to my question I was able to remove in large part some of the white space which appeared to the right of my website when opened on a desktop: www.antoinesimonfineart.comThough after trying on additional monitors; mac and pc I have noticed especially on the mac desktop that there is still a lot of white space to the right. I have tried increasing the site width (as previously suggested) to the maximum but even that will was not sufficient on a mac desktop. I wondered if there is a way to make the page responsive to each pc so that it centers the page? Is this specific to the template (Wells) I am using perhaps? Perhaps by using a different template where the sidebar is positioned on the top as opposed to the left this would help center the website on different screens? Thank you!
  23. I am trying to change the padding on a div in the Rally theme to be more mobile-responsive (currently when on mobile, the large padding forces the text off the edge of the page (see first screenshot), whereas I want a centered div (see second screenshot). I've put this JS code into my code injection but to no avail; I've been reading that code injection does not work on Index pages, so am thinking that might be the issue. Any advice on what to do? Following is the code (which works fine in Chrome DevTools): <script> if (screen.width <= 640){ var box = document.getElementsByClassName('newsletter-form-wrapper newsletter-form-wrapper--layoutFloat newsletter-form-wrapper--alignCenter'); for (var i=0; i<= box.length; i++){ box[i].style.padding = "50px"; } } </script>
  24. Hi, My webpage www.antoinesimonfineart.com appears very differently on mac and windows. While the page is very responsive on mobile and mac, it shows a lot of white space to the right of the screen on windows. I have tried playing with the padding but this does not seem to work. Any thoughts? Thank you,Best, Antoine
  25. i am using the lange template and would like to restrict the amount of images to three per row, no matter the size of browser window the viewer has. Is there a solution or code that I can use to fix this? Thank you
×
×
  • Create New...