jaxnoel

Site URL: https://www.team1727.org/

Password: 1727

Hello!
I would like to create a hover underline animation (going left to right) in my navigation bar and I am not sure how. This should only apply to main headings, and nothing in the dropdown menus. Any help with custom CSS would be greatly appreciated!

On 12/21/2021 at 3:14 AM, tuanphan said:

Add to Design > Custom CSS

/* nav one line */
.header-layout-nav-right .header-nav-list {
    flex-wrap: nowrap;
}
/* nav width */
.header-nav {
    width: 70% !important;
    flex: 70% !important;
}
/* logo width */
.header-title {
    width: 30%;
}

 

That works! Thank you so much!

21 minutes ago, tuanphan said:

I don't see any items in header

Hmm, that's interesting. I edited some CSS that may have caused the problem so please look again. Thanks!

I don't think that quite did the trick. I would like the circled portion on one line. Thank you for your help though!

Site URL: https://www.team1727.org/

Password: 1727

Hello!

I would like to get my navigation bar links to sit on one line. This includes the Instagram Logo. Any help with custom CSS to do this would be greatly appreciated!

17 minutes ago, bangank36 said:

input[type="submit"] {
  padding: 0.6em 1.6em !important;
}

 

Thanks again!

7 minutes ago, bangank36 said:

hmm, you mean the submit button or the form fields

The submit button, sorry for the confusion! 

1 minute ago, bangank36 said:

#block-4a87ef8163ec7daa5245 input[type="submit"] {
  padding: 0.6em 1.6em;
}

 

Hi, sorry for bothering you again but is there any way to make this so it applies sitewide? Thanks again for your help, I really appreciate it.

9 minutes ago, bangank36 said:

#block-4a87ef8163ec7daa5245 .form-item.date {
    width: 50%;
    float: left;
    padding-left: 10px;
}

 

Thanks again! One last question. How do I make the button for submitting smaller? 

8 minutes ago, bangank36 said:

This css can help re-arrange, but you can not remove the second input as it is required. I can say Squarespace date time input is silly, so I suggest to find a datepicker plugin if it not fit your need 

#block-4a87ef8163ec7daa5245 .form-item.date {
  width: 50%;
  float: left
}
#block-4a87ef8163ec7daa5245 .form-item.time {
  width: 50%;
  float: left
}

It works but is there any way to indent the "Date" field so it lines up with the "Project Description" and "Phone" Field above and below the form? Thank you so much for your help!

Site URL: https://www.jaxmariephotography.com

Password: fbla2020

I am using the Zion template under Photography

Hi, I was wondering if there was anyway I could rearrange the structure of my form under "Appointments." I would like to remove the "Second" field under "Time" and move the entire "Time" field so it sits next to (adjacent) to the "Date" field. Preferably, it would look something like the second image. Any help with custom CSS would be greatly appreciated!