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


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by XianNewman

  1. This would crop the image... I'd like to display the full image, but smaller, if it's over a certain height.
  2. Hi @bangank36 I applied this fix to risedigitalinc.squarespace.com/blog and it worked perfectly... however I've just uploaded my first portrait-style and I'm wondering if there's a way to set a maximum height of the blog item images so they don't appear so big on the blog page. Do you know?
  3. Wasn't able to figure it out, so went in a different direction. Thanks anyways!
  4. Thank you, @tuanphan. I tried this approach before, and it didn't work. Here's the problems: 1. Theres no/minimal padding between the sections. My friend wants normal section padding (he only wants to alter the padding between the image blocks). 2. The spacing around between the image blocks should be 5px. 3. In mobile view, there's a problem with the right margin. Image uploads aren't working right now, so I recording a short video to explain, instead: https://www.loom.com/share/393e04760d4c45ab9decb3ab62f91a24
  5. Site URL: https://desormeaux.squarespace.com Hey everyone. Helping a friend get his real estate website off the ground. I've used custom CSS to get the home page layout he's after: near full-bleed images (with uniform 5px spacing on all sides). desormeaux.squarespace.com/home (password: realtor) Problems: The code I've applied has adjusted the vertical padding of each section - I only want to impact the spacing around the image blocks. On mobile, the page can be panned left/right (as if there's content off the right edge of the page - something with the margins is off) The code I've applied has a lot of fat I think could be trimmed to make the page load more efficiently. Anyone know how to do this right? πŸ˜‚ Here's the code I've applied: <style> /*buy sell section*/ section[data-section-id="60e9c627b630645a0efcd2d9"] { margin: 20px; } section[data-section-id="60e9c627b630645a0efcd2d9"] .content-wrapper { margin: 5px; width: 100%; max-width: 100%; padding: 5px !important; } #block-yui_3_17_2_1_1625934021518_9588.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625934021518_10525.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } /*communities section*/ section[data-section-id="60e9d42db6736875596e18bb"] { margin: 20px; } section[data-section-id="60e9d42db6736875596e18bb"] .content-wrapper { margin: 5px; width: 100%; max-width: 100%; padding: 5px !important; } #block-yui_3_17_2_1_1625937885947_14138.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_5348.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_7440.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_9589.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_11205.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } #block-yui_3_17_2_1_1625938476515_12618.sqs-block.image-block { padding: 5px ! important; margin-top: 0% !important; margin-left: 0% !important; margin-right: 0% !important; } </style>
  6. @Jo_SQSP I'm trying to use a promotional pop-up for 'housekeeping' purposes and want the button to simply close the pop-up after the visitor has accepted terms/verified age/etc. I've tried entering # as the address the button links to, and leaving it blank. Upon clicking the button, it opens the current page in a new tab. Since you made this suggestion, can you please share with us how to make it work as you described? Thanks!
  7. You can also change the class to collection-type-events to target event pages.
  8. Noticed this on a client site this morning. Totally agree with @kerstinmartin - it's bonkers! Thanks @paul2009 for the recipes πŸ˜‚
  9. I don’t want to change the colour on the blog page itself; only blog item pages.
  10. Here's the code I wound up using, that did the trick: // header title .header-title-logo a:after { content: "JOHN ALDAG"; display: inline-block; font-size: 24px; font-family: Lato; color: white; text-align: center; vertical-align:middle; font-weight:900; padding-left: 20px; } .header-title-logo img { vertical-align: middle; } @tuanphan My only question is, how would I make it a different font colour on blog item pages only?
  11. Didn't think so. I suppose I can live with it as it is. Functionality > Style, right? πŸ˜‚
  12. That's amazing! I've never used a tool like that before. Now that I've embedded it, can I customize the styling for my site only (i.e. change the colour of the text fields, field, text, button, button text?
  13. Site URL: https://johnaldag2021.squarespace.com Anyone up for a challenge? I have no idea if this can even be done. I want to lift the Commit to Vote form on this site and embed it nicely (albeit on a transparent background not a red block) into this Squarespace site (password 'win'). Is this even possible?! 🀯
  14. Ahhhh.... I see what you're doing here. Just installed the code and am testing it out. So far, so good! Do you think I should I adjust all the banner text to the same width for consistency?
  15. Thanks for the feedback. All of these are automatically formatted by Squarespace. 2. I meant for them to be centred. 1, 3-8. All of these are automatic responsive adjustments by Squarespace. In mobile, desktop, and tablet landscape, they look good. In tablet portrait, not so good. Any recommendations to fix without messing up desktop styles?
  16. ahhh... now I understand... looking through all the CSS properties, I skipped right over padding thinking 'nah that can't be it.' πŸ˜‚
  17. For example if I wanted to force the images on the podcast page to aspect ratio 3:2?
  18. First, thanks for the recommendation - that extension is GOLD! I've always opened Inspect (Chrome) or Source (Safari) to find the IDs the hard way πŸ˜‚ Second, thanks for the feedback... I'm tying up loose ends on a redesign (I neglected my own site for a long time while I took better care of client sites). Third, do you happen to know which CSS property to target for aspect ratio? If it's convenient, could you paste a sample snippet I can customize for my situation? Never worked with aspect ratios before. Christian
  19. Site URL: https://risedigital.tech Hi there. I have two blog sections on my site. 1. Blog, where I want the images (mostly landscape screen shots) on the blog page to be 3:2 aspect ratio. 2. Podcast, where I want the images (entirely podcast-style album art) on the blog page to be 1:1 square aspect ratio. After changing formatting the respective blog pages 100 times (rough estimate) and my changes not 'sticking' I was able to determine that if I change the format of one blog (even though I do it on its own page, not globally in the styles interface), it oddly changes the format of the other, completely unrelated, blog. Assuming this is (bizarrely) intended behaviour and not a bug, does anyone know how to apply a specific aspect ratio to one blog page's images and not the other? Christian
  20. That worked beautifully, thank you! CSS newbie question: Is the intention of the z-index value to set the relative depth of an object on a page? Also, curious why you used max-width: 1024px as I've seen many use 767px as the mobile threshold. Christian
  21. Site URL: https://risedigital.tech Hey Squarespacers! I installed a Google Review badge on my site, which presents a problem with the nav button in the mobile menu (7.1). Not sure if the best approach is to try and remove the badge when mobile menu opens, or move the button up so it's not covered by the badge (I think I prefer the latter). Any bright ideas how to fix this with CSS?
  22. The vast majority will buy individual bottles (and the client asked)
  23. In this case, it's pretty straightforward. One variant is a single bottle of wine, the other is a case of 12 bottles, at a discount. Customers won't be let down, they'll be delighted at the opportunity to buy more and save.
  • Create New...