nicson123

Thank you for the tip! I resolved the custom CSS syntax error and now the background works perfect. I have another question: Can I change the word "Menu" into the hamburger menu symbol (i.e., 3 horizontal lines) for mobile view?

I did add that and the background is still white, both on mobile view on a phone and mobile preview in the website.

Hi thank you! It is www.ungsonlab.com

The desktop version of my site has a black header, and white navigation text However, in mobile view, both the word "Menu" and the navigation bar when expanded (by clicking in white space where "Menu" is) no longer retains the black background color: Can I make it such that the word "Menu" has a background of the same black, and that the expanded navigation menu also has the same black background on mobile view? Thank you!!

Thank you! This helped a lot. I'm hoping you may be able to help with something else. I did what you said and added image blocks within the post itself. I placed the image to the left of the text so as to reduce the size of the image (see "screenshot1.png", attached). All looks good, but on the actual page (see "screenshot2.png", attached), the image is now very large and on top of the post text. Is there any way to make the page display look more like how I've structure things within the post? Thanks in advance.

Site URL: https://ungsonlab.com/news I have two blog posts, each with a "Featured Image" specified in the "Options" of that post's "Edit Post" menus. However, on blog page itself (www.ungsonlab.com/news), those images are nowhere to be found. I tried to go to Design --> Site Styles and there are no blog options related to image visibility. Please help!

Thank you! This worked. I believe this will be my final question. Your suggestion helped me change the font for the one page for Headings 1 (h1), 2 (h3), and 3 (h3). See code below. However, I was unable to change the "body" text with the same method, and I am not sure why. The code below properly changes Headings 1, 2, and 3, but not the body text. Thanks in advance. #collection-62c85f073082c37e42edc553 { header#header { display:none; } h1 { font-family: "Sorts Mill Goudy"; } h2 { font-family: "Sorts Mill Goudy"; } h3 { font-family: "Sorts Mill Goudy"; } body { font-family: "Sorts Mill Goudy"; } }

I see, thank you. My goal is to have fonts on this page (http://www.ungsonlab.com/erin-nick) that are not used anywhere else on the site. What are my options for doing this? How else could I make sure these fonts are "selected as a font for something else so that Squarespace loads the font" without using Design / Site Styles to change the H1 or H2 or body text for the entire rest of the site? Are there other ways to change fonts than Design / Site Styles? Am I missing a rich text editor somewhere? Thanks for your help.

Unfortunately, I have altered my code and it still does not work in changing the font. Below is my attempt to change the font-family property in the site-wide Custom CSS using one of the provided font codes you gave: "adobe-garamond-pro" to change the H1 heading. I've also tried this with the other codes you provided (e.g., "ff-tisa-sans-web-pro"; "brandon-grotesque", "Cabin"), to no avail. Thanks in advance. #collection-62c85f073082c37e42edc553 { header#header { display:none; } h1 { font-family: "adobe-garamond-pro"; } }

Thank you very much for your help 😀! If it's not too much trouble, I'd like the font name code for the following: Sorts Mill Goudy FF Tisa Pro Alegreya SC Adobe Garamond Pro Alegreya Sans Brandon Grotesque Cabin Proxima Nova Omnes Pro Freight sans pro

Site URL: http://www.ungsonlab.com/erin-nick I am trying to change the font on a single page on my site using Custom CSS and the page's collection ID. I have been trying to do this by changing the font-family property in the site-wide Custom CSS (since I do not want to change the font for any other pages). I'm not using custom fonts; I am happy to use the Squarespace, but I do not know what the exact "labels" are for these various fonts. Some, like "Arial" are straightforward, but others (e.g., "Libre Baskerville" or "Omnes Pro") do not seem to be changing the font appropriately. Any advice would be helpful! Or even, more generally -- and since I am a novice to CSS -- are there helpful tips for knowing how to convert font names to acceptable arguments for the "font-family" property? The current code I am using is below: #collection-62c85f073082c37e42edc553 { header#header { display:none; } h1 { font-family: "Libre Baskerville"; } }