SarahPiano

This happens on all pages on mobile. Here is the link: https://www.kandsmusic.org/faculty-classes/my-first-piano-class

The menu button on my site doesn't seem to change from black to white. I would like to have a dark menu background, but on mobile it makes it hard to read the menu button. I have tried looking through the color options on the design menu but couldn't find the option to change it on mobile. I have attached a screenshot for reference. Can someone help me change the text to white?

Here is a photo so you can see what I am seeing.

The Read More Link option doesn't show up. Even when I select Excerpt to show, it doesn't appear. I do use the Lazy Summary Plugin but on another summary on the page, the read more link shows up. Does the read more link not work on events?

Website: https://friendsofminnesotaorchestra.org/ On the home page, I have a summery block for News and Upcoming events. News is drawing from a blog page and Upcoming events is coming from an event page. If I allow excerpt the option to add a read more button doesn't show up. But the read more link shows up on the News page. I'm not sure why it is working on some and not others. Help? I would like a read more button on the upcoming event summary.

Thank you so much! That did it!

Sorry, wrong website css. Here is the correct one: #myBtn { width: 50px; height: 50px; display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; font-size: 25px !important; color: white; cursor: pointer; padding: 10px 10px 10px 11px; border-radius: 50%; box-shadow: 1px 1px 5px #000; /* Change the hex code in the next line to change background color */ background-color: #a4a4a4; } #myBtn:hover { background-color: #aeaeae; } @font-face { font-family: Gab-Orch; src: url(https://static1.squarespace.com/static/61788ddb0d3251797e374eb9/t/62c642796f3f6f125eff3b78/1657160313792/Gabriel+Orchestra+Cond+Medium.otf); } @font-face { font-family: Gab-Orch-N; src: url(https://static1.squarespace.com/static/61788ddb0d3251797e374eb9/t/62c6428b3aa09d13dd0cbf61/1657160331579/Gabriel+Orchestra+Cond+Normal.otf); } h1 {font-family: 'Gab-Orch';} h2 {font-family: 'Gab-Orch';} h3 {font-family: 'Gab-Orch';} h4 {font-family: 'Gab-Orch';} // Site Navigation // .header-nav-item a {font-family: 'Gab-Orch-N' !important;} // Button // .header-actions-action .btn {font-family: 'Gab-Orch-N' !important;} // Small or Tertiary Button // .sqs-block-button-element--small, .sqs-button-element--tertiary { font-family: 'Gab-Orch-N' !important;} // Medium or Primary Button // .sqs-block-button-element--medium, .sqs-button-element--primary { font-family: 'Gab-Orch-N' !important;} // Large or Secondary Button // .sqs-block-button-element--large, .sqs-button-element--secondary { font-family: 'Gab-Orch-N' !important;} // Newsletter Form Title // .newsletter-form-header-title { font-family: 'Gab-Orch' !important;} // Blog Page Post Title // .blog-title { font-family: 'Gab-Orch' !important;} // Blog Post Entry Titles // .blog-item-title h1.entry-title { font-family: 'Gab-Orch' !important;} .user-items-list-item-container .list-item-content__title {font-family: 'Gab-Orch-N' ;} .list-section-title { font-family: 'Gab-Orch' !important; } .header-nav-item a[href="/about"], .header-menu-nav-item a[href="/about"] { color: #2071A8 !important; } // Mobile Menu Text // .burger-box:after { content: "Menu ="; text-align: right; font-size: 16px; color: #000; display: block !important; } .burger-box { width: 60px !important; height: 45px !important; } .burger-box div { display: none; } // Slashy Navigation // .header-nav-item a:after { content: " |"; margin-left: 10px; color: #6B6C67; } // Remove Slash From Folder Nav // .header-nav .header-nav-item--folder .header-nav-folder-content .header-nav-folder-item a:after { content: "" !important; } // Remove Active Nav Line // .header-nav-item--active a { background-image: none !important; } // Active Nav Color // .header-nav-item--active a { color: #2071A8 !important; background-image: none !important; data-position: top-right } #wm-subnav{ background:#ECECE2 !important; } #wm-subnav a.wm-subnav-item{ color:#6B6C67 !important; } #wm-subnav .secondary-nav-dropdown-icon path{ stroke: white !important; } .arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .arrow{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .arrow span{ display: block; width: 30px; height: 30px; border-bottom: 4px solid #fff; border-right: 4px solid #fff; transform: rotate(45deg); margin: -10px; animation: animate 1.8s ease infinite; } @keyframes animate { 0%{ opacity: 0; transform: rotate(45deg) translate(-20px,-20px); } 50%{ opacity: 1; } 100%{ opacity: 0; transform: rotate(45deg) translate(20px,20px); } } @media(max-width:799px){ .cloned-subnav.mobile-subnav{ display:none !important; } #wm-subnav{ display:block !important; } .header-announcement-bar-wrapper{ padding-top:0px !important; } } @media(max-width:767px){ .header-nav-wrapper{ justify-content: flex-end !important; } .header-nav-item, .user-accounts-text-link { text-transform: uppercase !important; font-size: .9rem; } } /* Line block spacing */ .horizontalrule-block { padding-top: 5px; padding-bottom: 5px; } .blog-item-title { margin-bottom: 0; } .collection-type-blog.view-item .image-block { padding-bottom: 0; margin-bottom: 0 !important; margin-top: 0 !important; padding-top: 0; } /* Mobile image crop */ @media screen and (max-width:767px) { img.ProductItem-gallery-slides-item-image { object-fit: contain !important; } } section[data-section-id="624c87ea3dd1ab05f5786ef6"] ul { line-height: 1; } /* Google form mobile */ @media screen and (max-width:767px) { iframe[src*="google.com/forms"] { width: 500px !important; height: 3000px; } } /* event details page */ .eventitem { flex-direction: column; justify-content: center !important; align-items: center !important; } .eventitem>div { flex: 1 0 100% !important; width: 75% !important; padding-left: 0; box-sizing: unset !important; text-align: left; } .header .header-announcement-bar-wrapper { position: relative; z-index: 2; width: 100%; box-sizing: border-box; padding-top: 10vw; padding-bottom: 0vw; padding-left: 1vw; padding-right: 1vw; pointer-events: auto; } @media(max-width:767px){ .header-nav-wrapper{ justify-content: flex-end !important; } } #collection-61788e4077ff9c2de60b6ba2 { padding-top: 0vw !important; padding-bottom: 0vw !important; margin-top: 0vw; margin-bottom: 0vw; }

I like having no margins on my website for all the pages except the store page. Is there a custom css that will change the page margins for the store page? https://www.kandsmusic.org/k-and-s-publishing

The site is https://friendsofminnesotaorchestra.org/. The lines don't show up under the November Newsletter blog post. I don't remember what CSS I added that removed line blocks, so I'm not sure how to remove it.

I had put in some custom css to make line blocks disappear so I could have certain text background filled and other not on a blog post. Now, I am trying to redesign the blog posts to just have a line separating content but when I put the line in, nothing shows up. When I put a line on a page that doesn't have a white background, then it shows up. I don't know how to change the color. Is there custom css to change line color? TIA!

Bumping this post so it doesn't get lost

Bump so this doesn't get lost

I'm trying to get the image to look good on both mobile and desktop views of my website. Here is the link: https://friendsofminnesotaorchestra.org/store/p/and-all-that-jazz It looks good on desktop but it get cropped on the mobile version. What CSS should I use to disable cropping on this image? Also, how do I get rid of the spacing at the top/header? TIA!

Is there any way to use custom css to change the text when no times are available? Right now it says "No times are available in the next month." Is there anyway to add custom code to change what this text says?

Do you know if/when squarespace plans on updating blog posts to fluid engine? I'm getting very frustrated making my whole website look a certain way and then I cannot achieve that look on any blog posts.

Does this work on 7.1? I have multiple blog pages on my site. Is there a way to move a post from one blog to a different blog?

I just tried this on my site and it didn't work.

Site URL: https://friendsofminnesotaorchestra.org/store/p/friends-membership-luncheon How do I remove some of the vertical spacing in the header of this store item? The title of the item should be top aligned with the image.

Site URL: https://friendsofminnesotaorchestra.org/ I am having issues with my mobile menu on my site. I can't click on all the options on the dropdown menu on the mobile site. I'm not sure why. I did have some css code that I put in the footer of the page, but I have removed most of them and I am still having issues. Attached is a screenshot. I cannot click on the first option "Kinder Konzerts"

Site URL: https://friendsofminnesotaorchestra.org/ Are there any css codes to remove even more vertical padding at the navigation menu and between sections? I have all my sections set to S for the height, but there is still too much white space.

Thank you!!!

Site URL: https://k-and-s-music.squarespace.com/config/ Password is 123456. Example: https://k-and-s-music.squarespace.com/lessons-classes/sarah-mensen How can I adjust the space between the name Sarah Mensen and 10 years as K&S faculty?

https://k-and-s-music.squarespace.com/config/ Password: 123456

I want to add buttons on the footer of my website that change color when you hover over them. I got the hover part figured out through custom css, but now I want to change the text alignment to left instead of center. Squarespace just says that there should be an option to change the alignment, but there is not. At least, nothing I can find. I cannot change the text without opening the dialogue box and there isn't an option to change anything with the text in the box. So, I thought I could just change it with a code. Here is what I have that also includes the hover. Can someone help me find the right code for this? TIA .sqs-block-button .sqs-block-button-element--small:hover { background-color: #548687; color: #548687; text-align: left }