ysong

A few follow up questions: 1. Is it possible to make this code only visible on the desktop version? 2. How would I make the logo be full height on the desktop version? (including screenshot) 3. How would I make sure the 2 navigation links are centered to the solid color area?

@bangank36 Thank you so much! This worked great!

Site URL: https://theharper.squarespace.com/ Hi! PW: theharpernyc I'm trying to using custom css to customize the form field. I managed to get the the form fields to be where I want it by using this code: For email & phone number: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(2), .form-wrapper .field-list>div:nth-child(3) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(2) {margin-right:2%;}} For unit & budget: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(3), .form-wrapper .field-list>div:nth-child(4) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(3) {margin-right:2%;}} For broker info: div#block-yui_3_17_2_1_1634318748669_6592{.form-wrapper .field-list>div:nth-child(5), .form-wrapper .field-list>div:nth-child(6) {width: 48.8%; float: left;} .form-wrapper .field-list>div:nth-child(5) {margin-right:2%;}} And this is the result: However I am having a hard time trying to get each filed box to be the equal width & spacing like this: Ideally all the field would be equal width and height. Also, how what kind of code would I need to make this layout to be visible on on desktop? Thanks in advance!

Site URL: https://theharper.squarespace.com/ Hi! PW to site: theharpernyc A couple things I am trying to achieve using custom css that would appear only on the landing page: 1. Logo would be vertical and flush left. Would be responsive to the size of the window. 2. The navigation (will only have two pages linked) would be right above the vertical logo. I was able to flip the logo to it's side using this code: #header .header-title-logo { position: fixed; transform: rotate(90deg); background-color: white; padding:25px; } However I would like to make it full height and flushed left without cutting into the image. This is what I am trying to achieve: If anyone can help point me in the right direction of how to achieve this that would be amazing. Even if it's ideas. Thanks in advance!

Site URL: https://caviarbarlv.squarespace.com/ PW: caviarbar Hi, Using squarespace 7.1 I would like to rearrange the footer in the mobile version so the logo is at the very bottom. Right now, the logo is between the two text sections. However, I would like to keep it the same in the desktop version. Is this possible? Desktop version: Mobile version: (Would like the logo to come behind Make a Reservation) Thank you in advance!

Site URL: https://caviarbarlv.squarespace.com/ PW: caviarbar Hi, Using Squarespace 7.1. I would like to use a code to make sure the bottom of the gallery page is always clean and aligned straight edge. I don't mind if the images automatically crop to fit. The white line is where I want the photos to align: Thank you in advance!

Site URL: https://aria.squarespace.com/ Hi, Using version 7.1. I would like to overlay my description on the image but can't seem to find the code. Thanks in advance for the input. The description is below the image: What I am trying to achieve:

Site URL: https://aria.squarespace.com/ Hi, Using version 7.1. I would like to create a seamless gradient background for all the pages, including the portfolio page but excluding the footer. However, the code I am using is creating a gradient for each section. Here is the code I am using: .white:not(.has-background) .section-background { background-image: linear-gradient( to bottom right, #99cbc6, #e3ccc2 ) } Please help! Thanks in advance for the input. The gradient is applying separately to each section here: What I would like to achieve:

Amazing! Thank you tuanphan! That worked perfect but now I have a separate question. I am using a fixed header so when I scroll down the logo and navigation links are not visible because they are set to white. What code could I implement on these individual pages to switch the logo and navigation links to black? Portfolio page with white logo and white navigation links: Header, scroll down. Would like to keep the header background white but would like to change the logo+navigation link to black:

Site URL: http://studioandprojects.co Hi, Using version 7.1. I have uploaded a white logo on the site because most pages have a full bleed image on top. But there are a few pages where I'm not using an image and need to change the logo to black. I have managed find a custom css code that works for a regular page but it's not applying to the "portfolio collection" page. I would like to have a black logo for the "portfolio collection" main page that displays all the projects but would like to keep the logo white on all of the individual project pages. I have found this code to input into the "portfolio collection" page advance setting: <style> .header-title-logo img { -webkit-filter: invert(100%); filter: invert(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1'); } </style> However, it's applying to all the portfolio pages. And now when I scroll down I can't see the logo because the navigation is also black. Hope my explanation made sense. Please help! Thanks in advance for the input. Homepage with white logo: Portfolio Collection main page (using the code): Individual portfolio page (where I want a white logo): Individual portfolio page navigation (where I want a white logo):