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

AttractiveToast

Member
  • Posts

    4
  • Joined

  • Last visited

  1. Site URL: https://www.outbrnd.com/ Hey Guys, I had to put my site on hold for a while and now that I'm back, Squarespace seems to have changed quite a bit. I've now tried to create a blog on my site, which is going to host some articles for SEO purposes. However, at the top of each post, I'd like to have a full-bleed image, or at the very least, I'd like it to almost reach the edge of the browser. The only thing I can think of is to create a custom CSS script that will change the image block's width on each blog post. However, the problem with that is that I intend to have a lot of posts, so i'm going to end up with a LOT of custom CSS Scripts just for the image blocks. Another thought I had, I can possibly 'diy' a blog system by creating multiple pages (one normal page for each post - using normal pages since they have the option for a header with a full-bleed image) under a folder, and having that folder's page show images which link to the individual posts. Although, that would be quite a bit of extra work just to have full-bleed header banners. Is there another way that I can achieve this? Any help here would be appreciated.
  2. Hey @creedon, thanks! When I read over what you said, I realized what part of the CSS might be causing an issue - I used padding to move the logo slightly to the right as I felt it was a bit too close to the burger icon. When I removed the CSS and changed the max-height to 60px, it didn't fix it completely, so I also changed my CSS a bit to solve the issue. It's not perfect, but here it is: // Move logo just a smidge // .header-mobile-logo{ padding-left: 25px !important; } // slightly resize logo in mobile // @media screen and (max-width:640px) { .header-mobile-logo img { max-height: 50px !important; } } On that note, problem solved! Thanks a lot! T
  3. Site URL: https://www.outbrnd.com/ Hey guys, I'm having some weird issue of sorts where on mobile (I'm checking using a Note 10+ and an iPhone Xs, but it's also visible on emulator), the site has a weird 'empty space' - for lack of a better way to describe it- on the entire right side of the screen. At first I didn't notice this, but then I saw that I could scroll from left to right on the site - so I zoomed out and then saw the gap. I'm not too sure what's causing this, and if I remove all of my CSS, the gap is still there.... so I don't know how I did this. Site name: Outbrnd.com (no password needed) Could someone help with this? Thanks, T
  4. Hey guys, I've been trying to get 5 images aligned in a row on my site. At first i tried to just adjust the spacing settings, but it changed nothing - shrinking it doesn't adjust the page sections, but enlarging the space does squeeze everything back in (so i'm guessing there's some sort of minimum width in the page sections?) So I decided to try fixing the size of the images with CSS, which led to me having this problem The images resize, except for those 2 on the right, and then they all align themselves to the left for some reason? So, I'm not too sure how to fix this issue. Ideally, I'd like to have the 5 images lined up and to not have too much space between the page sections and the page borders. Could anyone help? Thanks, T
×
×
  • Create New...