drewdp

@tuanphan Is this something you could help with?

This worked, thanks so much!

Yes, to make the image smaller and center it vertically

My homepage is a gallery section (slideshow: simple). I would like the central image to be a bit smaller and further down (centered vertically on the page). Is it possible to do this with custom CSS? https://www.drewdepinto.com/ Thanks!

For anyone interested, I ended up using: section[data-section-id="65ebc4b5eb344f7d35e6c146"] .section-background { background-image: url(https://images.squarespace-cdn.com/content/617dd816b5b76e3ec33fc583/af9c1458-b861-43d9-9649-e9b7a3ede045/AU_FG_Texture-6.jpg?content-type=image%2Fjpeg) !important; background-size: fill; min-height: 100vh!important }

Thanks! I tried adding this code but it doesn't seem to be working.

Hello, I am trying to use a video to fill the entirety of a section, but I can't get rid of a tiny amount of black space at the top (apparent when you click play on the video). https://www.drewdepinto.com/lastcall Any custom CSS that can help? Thanks!

Hello, my site is http://www.drewdepinto.com/ I would like to add a background image for the home page and https://www.drewdepinto.com/stills, but it doesn't seem like it is possible for a gallery page without custom CSS. Could anyone help me out with the code? Here is all the custom CSS I am currently using: /* remove nav underline */ span.header-nav-folder-item-content { background-image: none !important; } [data-section-id="61808ef21e351d4c7fc79bcd"] { min-height: unset !important; } [data-section-id="61808ef21e351d4c7fc79bcd"] .content-wrapper { padding-bottom: 0 !important; } .video-caption * { font-size: 13px; margin-top: 15px; 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; } @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; } section[data-section-id="617dda1083e8f05d6f247f78"] { padding-top:0px !important; } section[data-section-id="62eebabe726f3073f2c22cf1"] { padding-top:0px !important; } section[data-section-id="62f598d58e8ab156c1898a20"] { padding-top:0px !important; } section[data-section-id="62eeb93d726f3073f2c202ec"] { padding-top:0px !important; } .header-nav-folder-content { background: transparent !important; } a { text-decoration: none !important; } #collection-617ddd81d8d3fa32a036056c { overflow: hidden !important; }

Perfect, thanks so much!

Thank you!

I tried this, unfortunately it doesn't seem to be working.

http://www.drewdepinto.com/about

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!

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!

Thank you!

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.

www.drewdepinto.com

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!

Thank you!!

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!

https://m.facebook.com/watch/?v=1724203934380941&_rdr

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.

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?

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!

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!