Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

kaitschmidek

Circle Member
  • Posts

    13
  • Joined

  • Last visited

Recent Profile Visitors

236 profile views
  1. Hey Beatriz ! I have a client that has a few icons on their website and they have requested I used SVG files instead of PNG to improve clarity. I've figured out how to add SVG files to Squarespace using code blocks, but now I'm stumped on how to control the width of the icons using CSS. I've tried targeting the unique code blocks but that hasn't seemed to work. For example: #block-yui_3_17_2_1_1617983377975_9584 { max-width: 10%; margin: 0 auto; } I've also tried adding a class to the code block: <img src="/s/SEEDCOWORK_LOGO_HORIZONTAL_SOLID_WHITE__.svg" alt="Seed Coworking + Flexible Office Space" class="footer-logo-svg"> And then targeting the class: .footer-logo-svg { max-width: 10%; margin: 0 auto; } But still no luck. Any suggestions?
  2. Site URL: https://fmwbunitedway.com/our-supporters URL: https://fmwbunitedway.com/our-supporters Within the accordion element of the Special Initiatives section, I would like the logos to form two columns on mobile (instead of a single column). Normally, I would use a Gallery block, but since these blocks don't exist in Squarespace 7.1, I'm trying to find an alternative solution. I've tried this code so far: @media screen and (max-width:600px) { div#page-section-603fc5083ae8be1dee8da14b .span-12 { .span-4 { width: 50% !important; float: left !important; } } } The issue I'm having with this is that every second row only has one logo. Any suggestions would be greatly appreciated 🙂
  3. Site URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you I saw this effect recently on a website (https://www.violahillstudio.com/) where the contents of two columns are vertically centered without using spacers. I've tried inspecting the code of the website and can't figure out how to achieve the same effect on a client's website. URL: https://emilie-iggiotti.squarespace.com/the-truth-in-you Password: emilie What I'm trying to do is in the index where the image block and text block appear beside each other, I would like to vertically center align the contents rather than have them align to the top of the index and have this effect maintain down to a screen size of 640px, after which the blocks stack on top of each other. I would ideally like to achieve this without the use of spacer blocks. I've attached an image that might help to explain this better. Any guidance would be greatly appreciated!
×
×
  • Create New...