brittanystatt

Thank you! Do you offer coding services? I have a logo in the header of this website that I would like to animate when users first get to the site. I'd like it to play once (each square of the logo pop in), then stop/remain in place. 

Curious if anyone's found any good resources or code injections to add custom hours or weather for the day in the site header. Attached is the current example that's built on wordpress, I've seen others that have the day's weather as well.

Thanks in advance! 

Hoping someone can help me figure out how to style all form fields. I've played around with various codes and can't seem to get them all to work. Screenshot attached–I'd like all forms to be consistently styled with pink fill/yellow border/round edges.

Been using various codes like this:

element.style {
}
.eTv7qUMqLR9lJxpIAC3F {
  font-size: 10px !important;
  background-color: #F2D3D0 !important;
  border: 2px solid #DF9F48 !important;
  border-radius: 15px !important;
}

Are you able to provide that in css? 

The issue with that solution is that it isn't a text box, it's a markdown, which I needed so that I could better customize the text. 

Apologies! Domain is https://ukulele-goldfish-52cx.squarespace.com/

Hi, I've tried a bunch of existing codes but cannot get 'Geneseo' to go on one line for mobile. The text block is a markdown. 

Ideally, I'd like to block word breaks across the entire website but this home page headline is most important.

Hi everyone,

I'm using the code below to style a form block. I've played around with it but can't figure out how to get the css to apply to all text areas, not just the bottom one. The text styling doesn't seem to be working either. Appreciate any help!

code:

// forms ///
.form-wrapper .field-list textarea {
  font-size: 10px !important;
  background-color: #F9F3EF !important;
  border: 1px solid #D2B2A4 !important;
  border-radius: 15px !important;
}

.field-element  {
  font-size: 10px !important;
  padding-top: 5px !important;
  background-color: #F2EBDD !important;
  border: 1px solid #F49E21 !important;
  border-radius: 15px !important;
}

I'd like to target these two forms on the home page as well: 

Amazing! Thank you so much. Do you think if I remove

.eTv7qUMqLR9lJxpIAC3F

it will work across the whole site? 

I've tried a ton of different css codes to stylize form blocks and none seem to work. I'd like to do a lot of styling–color, padding, text, outline, round corners. Any insight?

Screenshot attached for reference. Website isn't live, URL: https://ukulele-goldfish-52cx.squarespace.com/

Current code I'm using:

// forms //
.form-wrapper .field-list .field .field-element {
  font-size: 12px !important;
  background-color: #F2EBDD !important;
  border: 1px solid #F49E21 !important;
  border-radius: 10 !important;
}

Thank you! 

This might be a long shot...

I'm using a mix of blogs/summaries/categories to create a business directory on a website. Businesses will be added frequently, and it would be best for them to display alphabetically. 

Right now, blog posts are organized by publish date, which is not relevant for the way I'm using it. I could manually change dates to alphabetize, but that won't help my client when they add businesses in the future.

Does anyone know of a custom code or way to have them automatically alphabetized?

You would be a hero!!!! 

Is there a way to stylize a summary block so that the images have rounded corners? Squarespace has the ability to round corners elsewhere, and I'd like to do this for consistency. Attached is a screenshot for reference. 

Thank you so much!! 

Hi,

I always use a piece of code to jump to a certain spot on a page in the navigation. For example, on this website, I have a link set up in navigation to go to "our team", which is just a section on the "our story" page.

For some reason, the code is not working in this case. I've checked it over and over. Any thoughts?

Code I use:

link in navigation: *insert page URL*#section-title

code snippet on page: <a name=“section-title"></a> 

Amazing, thank you SO much!

Thank you both for your advice! These solutions are much appreciated!! 

I've seen this topic come up a lot but haven't had any luck with solutions. As you can see in the screenshot, headline words break awkwardly in mobile view. 

I've found codes that remove hyphens but what I'm really trying to accomplish is to not have the word break at all.

Any tips?

Does anyone know if it's possible to create categories for content that isn't a blog post or product?

I need to build a directory of businesses. For example, I'd like to have a page of bars and restaurants with a secondary navigation (or categories) for 'breweries', 'casual', 'fine dining', etc. for users to narrow done within the directory on the same page.

This is close to what I am hoping to build: https://www.helloburlingtonvt.com/things-to-do/attractions/ 

Any ideas? I don't want hyphens either, I just want the words not to break. 

I have this same exact issue on all my Squarespace sites. I've put that code into the custom CSS and nothing c changes. Is there another solution? It's an incredibly frustrating feature. 

I am having the same issue, but not just mobile. Is there a code to prevent all word breaks completely across the site, desktop and tablet too?

/* prevent text wrap mobile */
@media screen and (max-width:767px) {
div#block-70013f55ef91ab95ea7a h1 {
    white-space: nowrap !important;
}
}