Jump to content

drewdp

Member
  • Posts

    24
  • Joined

  • Last visited

Everything posted by drewdp

  1. I tried this, unfortunately it doesn't seem to be working.
  2. http://www.drewdepinto.com/about
  3. Hi, I'm trying to hide overflow (so the background image fills the screen with no scrolling no matter what size the browser is) on only my about page. I tried using this code, but it removed the ability to scroll on every page. #collection-617ddd81d8d3fa32a036056c html, body { overflow: hidden; } Thanks!
  4. Hi, I'm trying to change the color of the site title and all navigation (I was able to change the color of the navigation but not for the pages within the "work" folder) to white for my about page only. I tried adding this CSS to the top of the custom box, but it didn't work: #collection-617ddd81d8d3fa32a036056c .header-nav-folder-content > a { color: #FFF !important; } Thanks!
  5. Thanks so much for your help. I was able to change the spacing, but after adding that code the underline is still appearing in the navigation folder.
  6. Hi, I recently added a folder to my navigation and am wondering how to edit my existing custom CSS for two purposes: (1) When you hover over "work," the dropdown menu currently cuts off the word "work" a bit. I'd like to move it down slightly. (2) I'd like to remove the underline that appears under the "work" subheadings when you click on them. Apparently the code used to remove the underline previously doesn't apply to the categories within the folder. Here is my current custom CSS: [data-section-id="61808ef21e351d4c7fc79bcd"] { min-height: unset !important; } [data-section-id="61808ef21e351d4c7fc79bcd"] .content-wrapper { padding-bottom: 0 !important; } .video-caption * { font-size: 12px; margin-top: 8px; color: white; text-align: center; } h3.portfolio-title { font-size: 30px !important; letter-spacing: 7px !important; } body {background-color: black !important;} body.tweak-transparent-header:not(.header--menu-open):not([data-menu-overlay-theme-switcher="true"]) .header-announcement-bar-wrapper.dark { background-color: transparent !important; } /* Remove Navigation Link Underline */ .header-nav-item--active a{ background: unset !important; } /* Change the color as needed to match your branding */ :not(.header-nav-item--folder).header-nav-item--active a, .header-nav-folder-item--active > a { color: #2F4F4F !important; } @font-face { font-family: 'Phontfreak'; src: url('https://static1.squarespace.com/static/617dd816b5b76e3ec33fc583/t/62eec91b27081e7c4461ff43/1659816219907/PhontPhreaks+Handwriting.ttf'); } @font-face { font-family: 'Yuqato'; src: url('https://static1.squarespace.com/static/617dd816b5b76e3ec33fc583/t/62eec91490acc7521db8c03f/1659816212149/YuqatoHandwritingRegular.ttf'); } #site-title {font-family: 'Phontfreak';} div#block-yui_3_17_2_1_1656032988531_8204 { padding-top: 0px; } Thanks for your help!
  7. Site URL: https://www.drewdepinto.com/about Hi all, Looking for help with custom CSS to reduce the padding on the top of the social links block on this page (so that the icons are closer to the bottom of the photo). Thank you!
  8. https://m.facebook.com/watch/?v=1724203934380941&_rdr
  9. Site URL: https://www.drewdepinto.com Hi all, I am trying to embed a facebook video into an embed block. It is locating the content successfully, but not showing any content or the custom image I uploaded. I've tried both the URL and the embed code from Facebook, but nothing shows up.
  10. Do you mean using image and text blocks side by side? I tried that but it created too much space in between the two. Is there a way to reduce the padding?
  11. Site URL: https://www.drewdepinto.com/client-1 The bottom right video block on this page consistently autoscales to a different size/aspect ratio than the others, even though I am using a custom thumbnail with the same standard aspect ratio. I've tried deleting and re-adding the block, and using different thumbnails. Could anyone help with code to fix the size? Thank you!
  12. Site URL: https://www.drewdepinto.com/about Hi all, I used a card image block for this page on my site, since using image and text blocks side by side created too much space in between the two. On my screen the image and text are about the same height and width, but on other screens the image is much larger than the text. I tried changing the image width in site styles, but I don't want the text to be much wider than the image. Is there a way to fix the image size for a card image block, or another way to preserve the image to text ratio? Thanks!
  13. This worked for the title, but now the navigation buttons don't work! I appreciate your help.
  14. Site URL: https://www.drewdepinto.com Hi all, I am using a dark background for my site, and have noticed that pages that look fine on my screen have white bars of "negative space" between the last section and footer when viewed on larger screens. I don't want to increase the height of the sections or footer, as that would result in changing the positioning of text and images, and a lot of blank scrolling space at the bottom of some of my pages (at least when viewed on my own laptop). Is there a way to set that negative space to the same color as my background? Thanks!
  15. Site URL: https://www.drewdepinto.com Hi all, I used custom css to split my navigation on either side of my header, but the site title no longer links back to the home page (and the centering seems to be a bit off). Here is the css I used, any help would be appreciated! /*Secondary Navigation */ .header-display-desktop .header-title { height: 4vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav { position: absolute; top: 0; margin-top: 0 !important; height: 4vw !important; display: flex; align-items: center !important; justify-content: center; } .header-display-desktop .header-nav-item:nth-of-type(2) { margin-right: 30vw !important; }
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.