Jump to content

jessmileur

Circle Member
  • Posts

    17
  • Joined

  • Last visited

Everything posted by jessmileur

  1. @tuanphan Yes! (Although, I must admit they aren't displaying like this on my end.) Screen Recording 2022-07-11 at 12.46.26 PM.mov
  2. @tuanphan I've tried using the above code on a site section, and I'm not sure where it's going wrong. Prior to using the code above, I used other CSS to get the containers close to similar sizes, but I want to add this as an additional guarantee that the blocks will remain the same sizes responsively. Site/Section: https://www.brookesilvermanphotography.com/northern-virginia-team#northern-va-team-work Code: @media screen and (min-width:901px) { div#block-yui_3_17_2_1_1656263204463_17534+.row {display: flex;} div#block-yui_3_17_2_1_1656263204463_17534+.row .span-12 {background-color: #ffecdd;} div#block-yui_3_17_2_1_1656263204463_17534+.row> .col {flex: 1;} } I have some other styling css for the image and text blocks. Pasting below in case it's interfering. Other code in this section: //Northern VA Team Work Background color// #northern-va-team-work{ background: #99753b; margin-bottom: -22vh; } //N VA Team Work Image border// #block-yui_3_17_2_1_1656257133185_36113 img{ border: 10px solid #ffecdd; } #block-yui_3_17_2_1_1656257133185_36113 .has-aspect-ratio { overflow: visible !important; } #block-yui_3_17_2_1_1656257133185_36113 .image-block-wrapper { overflow: visible !important;} //Northern va team work image margin right// #block-yui_3_17_2_1_1656257133185_36113{ margin-right: 1vh; margin-left: 1vh; height: auto; width: auto !important; } //northern va team work text background// #block-62b876c4ad3f7437f1916c9b{ background: #ffecdd; padding: 40px; margin-top: 1.89vh; margin-right: 1vh; padding-bottom:43px; margin-bottom: 8vh; margin-left: -1vh; } //Nothern VA team work h1// #block-62b876c4ad3f7437f1916c9b h1{ color: #3f4f3b; padding-top: 15px; font-size: 6vh; line-height: 5.8vh; } //Northern VA p team work// #block-62b876c4ad3f7437f1916c9b p{ line-height: 1.3em !important; font-size: .9em; margin-top: -5px; color: black; } //Northern VA H3 team work// #block-62b876c4ad3f7437f1916c9b h3{ margin-top: 4vh; font-family:"nexa"; font-weight: 400; text-transform: uppercase; line-height: 1.5em !important; font-size: .9em; color: #99753b; } //Northern VA Margin bottom spacer// #block-yui_3_17_2_1_1657232578207_5360{ margin-bottom: -6vh; } Thanks for any insight!
  3. Site URL: https://www.southernsoulyoga.com I'm having an issue with a client site on mobile. It allows users to keep scrolling beyond the footer, revealing site padding. I've tried a variety of code to remove overflow, padding, etc with no luck. Any advice would be appreciated! URL: https://www.southernsoulyoga.com
  4. Hey Mike! Here's a link: https://www.meden.studio/checkout/order-confirmed?oid=5f7b58505409ae06b3aeaff2&authCode=NWY3YjU4NTA1NDA5YWUwNmIzYWVhZmYyOjIwMjAtMTAtMDVUMTc6MzA6NTYuNzk0Wi4feGTcaEvZvrOi3JXvkQq9f2hZcvrdFU-6gXN4YU9X
  5. Site URL: https://meden.studio Hello! As stated in the title, I'm trying to invert my logo on the order confirmation page and I'm not sure what's up. Here is my code: #confirmed-page .header-title-logo img { -webkit-filter: invert(85%) !important; filter: invert(85%) !important; filter:progid:DXImageTransform.Microsoft.BasicImage(invert='1') !important; } Thank you for any insight! Jess
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.