braymay

Trying to make the CONTRIBUTORS section at the bottom of the page 2 columns on mobile, and just as it is on desktop. Current code: (padding so it lines up with section above) /* MOBILE CONTRIBUTOR GRID */ @media only screen and (max-width: 767px) { section[data-section-id="646da77e04cdb251c0d8c9e6"] { display: flex; flex-wrap: wrap; justify-content: space-between; padding-left: .8rem; padding-right: .8rem; } section[data-section-id="646da77e04cdb251c0d8c9e6"] .list-item { width: 45%; } } URL: https://triangle-bluebird-ersh.squarespace.com/ PW: ofb123

Also have this issue. Very frustrating

Found a solution: section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element--medium { text-align: left !important; justify-content: flex-start !important; }

Hi there, I've added in a hover underline code to animate the buttons on the home page and it works well except for the alignment. I can't seem to center the text of the buttons. Can anyone help me? I'll add the code below https://dragonfly-violet-43y8.squarespace.com/home-1 PW: 1234 section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element { font-size: 4rem !important; text-align: left !important; padding-left: 0; padding-right: 0; margin-left: 0; position: relative; height: 60px; line-height: 60px; text-align: left; transition: 0.5s; cursor: pointer; -webkit-transition: 0.5s; } section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element { background-color: transparent !important; border-color: transparent!important; color: #f2f2f2 !important; } section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element:hover:before { transition-delay: .2s; } section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element:before { width: 0%; height: 100%; z-index: 3; content: ''; position: absolute; bottom: -1px; left: 0; box-sizing: border-box; transition: .2s; } section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element:hover:before { width: 100% !important; transition: .7s; } section[data-section-id="6374309d76f4ab38edc194bb"] .sqs-block-button-element:before { border-bottom: 3px solid #f2f2f2 !important; } Thanks!

I've actually changed it around and fixed the issue, Thanks so much!!

I've given up on that fixed text. But I have a new problem. I've moved the image up out of the section, however, the image box is still in the section which makes it quite tall. Is there a way to shorten the height of the section with the image? It's currently set to the smallest height in the section editor. I tried making the height 75% with CSS but it doesn't seem to work. Cheers, B

Thanks for that!! I'm trying get the darker grey section to scroll over the text so its not visible for the whole page Are you able to help with that? Cheers, B

Site URL: https://piccolo-azalea-xy2l.squarespace.com/ Hi there, I'm trying to make this text sticky/fixed. I want it to stay fixed when scrolling, and the darker grey section to go over it if that makes sense. I've tried ot make it sticky with CSS but it doesn't stick for very long. Hope this makes sense, Cheers, B Site pw: bmd123