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

Search the Community

Showing results for tags 'padding'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


  • Forum
    • News and Announcements
    • Getting Started With Squarespace
    • Coding and Customization
    • Commerce
    • Selling & Scheduling Your Services
    • 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


Last Updated

  • Start


Filter by number of...


  • Start



About Me




Expert ID

  1. Site URL: https://www.dmistry.co.uk/ Hi @tuanphan, On my homepage I've got a grid of images for which I've applied some custom css (which you wrote) to remove the padding and make it full width, it appears how I want it to on a desktop and tablet.. but on mobile, there's white space at the top and bottom of each image block.. is there a way to remove this please? I've got the code below, applied to my homepage. /* homepage grid */ section[data-section-id="60e9829ec4c1a734c5d9c0cb"] { .content-wrapper { padding-left: 0px!important; padding-right: 0px!important; max-width: 100%!important; } .image-block img { transition: all 0.5s ease; } /* set background */ .image-block figcaption.image-card-wrapper { background: rgba(255,255,255,.95); transition: all .3s ease !important; max-height: 100%; opacity: 0; } .image-block figcaption.image-card-wrapper * { text-align: center; color: #3CBBC2 !important; } /* show on hover */ .image-block:hover figcaption.image-card-wrapper { opacity: 1; visibility: visible; } .sqs-block.image-block { padding: 0!important; } } Hoping you can help please! Thanks in advance!
  2. Site URL: https://seamtech.squarespace.com/ Hi everyone. I am hoping that there's a solution for reducing the extra space that a code block creates. I have uploaded an SVG but as you can see in the screenshot, it creates a big container. Is there a way to target this so I can have the boat animation closer to text? https://seamtech.squarespace.com/ pa33word Many thanks Claire 🙂
  3. 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
  4. Site URL: https://jeanne-m-juneau.squarespace.com/ Hi, There's too much padding at the top of the portfolio section on my home page, above the words. Does anyone have custom code to reduce it? (Site is in work in progress) Also, what should the page widths and site margins be set at? Many thanks! pw 1234
  5. Site URL: https://www.chloecamille.net Hi everyone, I need your help! I would like the horizontal and vertical margins between images to be similar (here my website https://www.chloecamille.net and the password cam2021) but I believe it requires some code, do you have any idea how to fix this? Thank you!
  6. I noticed there is quite a bit of padding in between sections that creates a ton of white space and emptiness. How can I reduce the padding in between all sections to make for a seamless website? This is for my web portfolio showcasing designs and project details. I've been experiencing difficulty fitting slideshows, simple images, and plain text boxes without too much padding in between sections. Thank you!
  7. Hello! I am looking for help with some CSS to adjust the padding on a specific page section on mobile. I'm using Brine 7.0 template. I've attached a screen grab - I want to reduce the negative space at the top of the image so it is equal to the padding on the sides. This is the code I have tried but it isn't working. The image is on the Index page and I put the sections url slug as my page section. Is that correct? Are you able to tell me why this code may not be working? I'm very new to this so would appreciate any help! @media only screen and (max-width: 768px) { #Index-page discover-lottelove .content-wrapper { padding-top: 50px !important; padding-bottom: 50px !important; } } Please let me know if you can help - thanks in advance! :)
  8. Site URL: https://www.bitcoin-trend-trader.com/bttforum Hi Forum: I embedded the js code provided by Tradingview to generate a live Bitcoin chart. It is rendering at the very top of the page. Header menus and logo are obscuring the chart. I would like to move it down. I have pasted padding divs into the code but it continues to plot at the ver top. The chart works perfectly when I inject the js code into Page>Advanced>Code Header If I attempt to paste the same code into a <CODE> block that would allow me to add spacers to move it around, all I get when I save the page is the code text, not the functioning widget. Width and Height below are defining the chart size. I just need about 100 px above this script to move that chart down bellow the heading menus. Thanks Michael Here is the code with my attempt to add a spacer: <!-- TradingView Widget BEGIN --> <div { padding-top: 400px; padding-bottom: 10px; ></div> <div class="tradingview-widget-container"> <div id="tradingview_72cf8"></div> <div class="tradingview-widget-copyright"><a href="https://www.tradingview.com/symbols/BTCUSDT/?exchange=BITBAY" rel="noopener" target="_blank"><span class="blue-text">BTCUSDT Chart</span></a> by TradingView</div> <script type="text/javascript" src="https://s3.tradingview.com/tv.js"></script> <script type="text/javascript"> new TradingView.widget( { "width": 1400, "height": 700, "symbol": "BITBAY:BTCUSDT", "interval": "D", "timezone": "Etc/UTC", "theme": "dark", "style": "1", "locale": "en", "toolbar_bg": "#000000", "enable_publishing": false, "withdateranges": true, "hide_side_toolbar": false, "details": true, "calendar": true, "studies": [ "MoonPhases@tv-basicstudies", "MAExp@tv-basicstudies", "ZigZag@tv-basicstudies" ], "container_id": "tradingview_72cf8" } ); </script> </div> <!-- TradingView Widget END -->
  9. Site URL: https://www.couragestyle.ca I want to shift down two words "Courage Style" down on the mobile version of my Homepage as it currently overlaps with an image and is illegible. I know it'll need custom CSS but I am not a coder but am unsure the correct piece of code to use. I have attached what it looks like on mobile and on Desktop and the Homepage code.
  10. Site URL: https://www.wapacklabs.com/redxray Can I remove padding from specific image using the css editor? The code that I used - seemed to effect the images on all the pages on the website. Can I direct the css to a specific page or image? Thank you. This is what I used: .sqs-block.image-block { padding: 0px 0px 0px 0px; }
  11. Site URL: https://seal-platinum-z2yb.squarespace.com/ Hi there, I'd like to reduce the padding at the top and bottom of the footer on this site: https://seal-platinum-z2yb.squarespace.com/ PW: FiveKnights7992 Can anyone advise on this? Thanks in advance!
  12. Site URL: https://dandelion-garlic-b2w5.squarespace.com Hi, Is there any way CSS that I can make images on both left and right side as full bleed on my home page? Still keep the space between two images but no margin at the left side of left image and no margin at the right side of right image as full bleed? Please help me! Thank you. Website url: https://dandelion-garlic-b2w5.squarespace.com Password: cvbnm
  13. Site URL: https://daffodil-cardioid-etjj.squarespace.com/ Hey everyone, Tried to find a solution to this but couldn't get anything to work with custom CSS. Is there anyway to reduce the massive amount of white space between the header photo and the list? (Scribbled Section in capture) I don't have a background image there nor do I want one yet it leaves space for it. Any help would be appreciated.
  14. Site URL: https://www.innervationbros.com/ Hiya, ive been trying to either remove the header content block and/or simply improve the spacing between the logo/navigation bar and the content on the page. There is a really big gap on the site. Especially on mobile. Also it would be awesome if there was a way I could add a thin white line just below the navigation bar to help improve visual spacing. Would also be great to have it look good on mobile. (as close as possible to the logo and navigation options). Any help would be appreciated!
  15. Site URL: https://philipus.com/the-tribunal-contents Hello everyone In my new photo project I have several pages that I have set up identically, at least I thought I had. They all have a text block at the top and images below. But on one page – the left one below – there is extra padding above the heading. I can't figure out where the extra padding comes from and why it is only applied to that one page. I'm sure I did the same when I created the pages: in the text block I added an H2 heading under which I wrote the text, formatted as Normal. In fact, I quite like the extra padding and would like to have it on all the other pages too. I've tried copying text from the Tribunal page to the other pages, but then the headings default to being padding-less. Thank you in advance for any ideas. Philip
  16. Site URL: https://bisourouen.fr (password: lachose) Hi, I'm using anchor links on all my pages, but due to the header/nav bar being fixed, the top part of any page (from where anchor link jumps to) is hidden beneath the header/nav bar. So I would like any anchor links to point to the top of any page. I'm using anchor links like this: url with # to the slug url of any page. Any suggestions for how to change this please? Website isn't public yet and using the Version 7.0- famille Brine (template Basilic). Thanks
  17. Site URL: https://driscoll-design.com I'm looking to reduce the vertical padding between a text block above and a social links box below. Specifically on the "contact" page. I want it to equal the spacing between the other text elements on this page.
  18. Site URL: https://www.aphotois1000words.com/abstract Hi, I have a very simple site. It's a collection of gallery pages. When the gallery pages display on mobile devices, the images display in one column, which is fine, but there needs to be more padding in between each image (see attached JPG). Could you help achieve this? thank you. Stefan. aphotois1000words@gmail.com
  19. Site URL: https://www.philipslotte.se/ Hello, I would like to remove the gap between the images and header on my homepage: https://www.philipslotte.se/ without affecting any of my other pages. I've been searching around on Google and other forums to find a solution but I haven't found anything that works yet. I would really appreciate some help. Thanks in advance.
  20. Site URL: https://www.findthemotherlode.com/read Hi there. My blog looks fine on desktop view, but when I switch to mobile view, the posts are all really close together (no gaps), despite the padding being set to the maximum. Is there a CSS injection to increase the space between the blog posts in MOBILE VIEW ONLY, leaving the desktop view the same? Thanks!
  21. Site URL: https://www.graceventurawrites.com Does anyone have any suggestions on how to add padding to the top and bottom of ALL sections on a website on MOBILE ONLY? For some reason on the desktop versions the spacing is great. But on mobile the spacing disappears and I don't like how tight all the sections are to one another. Advice will be appreciated!
  22. Site URL: https://www.kabana925.com Hi, I'm wondering how I reduce the padding above the sort/filter on the mobile view. Attached are some screenshots displaying the issue. Thanks! -Toviah Password: silveristhenewgold21
  23. Site URL: https://www.hawkcustomhomes.com I fixed the display of my slider images in mobile - they now display nicely rather than cropping them. However, I now get odd padding above the home page slider on mobile view. It is fine on desktop but not on mobile. After reading threads in the forum I added this code with my data-section-id to Design> Custom CSS. [data-section-id="5f346df87abe3a49efe960c4"] .content-wrapper {padding-top: 2px !important; padding-bottom: 10px !important;} But it still isn't working - can someone please help - I have been fighting to get this slider looking right on mobile for a few days now. Thank you so much~ Megan
  24. Site URL: https://davidecapucci.com/ Hey there. Someone can help me. I generate new section on top with only one pic. I want the pic starting after the menu area with link. I cannot found the way the top of this pic/section starting after that and not from the Top of the page. I tied different CSS code but nothing change. I also add another empty section on top of this pic/section but i cannot reduce as i want. Check the pic below. Thank you.
  • Create New...