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

olipowell

Member
  • Content Count

    18
  • Joined

  • Last visited

  1. Hi, I have a gallery with 2 images side by side with CSS shadows. I need the images to align to my site margins. To do this, I think I just need to remove the left margin on the left image and the right margin on the right image but I can't figure out how to control this on the individual image. I also need to preserve the shadows so they don't get cut off by removing the padding 😭 Any ideas? Here's the site and this is the code I'm using on the gallery block to stop stacking images .sqs-block-summary-v2 .summary-item { clear: none !important; width: calc(100%/2)!important; padding: 20px !important; } Thanks!
  2. Hi, I have two images in a grid gallery. However, because squarespace puts them into containers with pre-defined aspect ratios, my css shadows look offset and the images don't align to site margins, particularly on mobile. If I can manually change the aspect ratio of the containers using css, this should fix it, but I can't seem to figure out if this is possible or where I would change it. I'm using York, and here's the page I'm testing it on Any ideas? Thanks!
  3. Hi @christyprice, that worked a charm! Thanks so much
  4. Hey, I'm trying to target a specific block so I can add a box shadow. I've tried all the div id's associated with the image, but I can only manage to apply the shadow to the block container, not the image itself Link to the image I'm working on and the code: div#block-yui_3_17_2_1_1576159652296_3844 { box-shadow: 0px 4px 8px 2px rgba(0,0,0,.1); }
  5. Great! That's working. Out of interest, how would I go about targeting other elements other than the headings. I.e. Site Navigation or Page Descriptions? Also, not sure if you can help on this one, but on a mobile (not Desktop in mobile mode) the letter spacing of the Headings is noticeably different for some reason.
  6. Thanks! But that didn't seem to work. Here's my code body {-webkit-font-smoothing: antialiased !important;} h1 * {font-family: TTFirsNeue-DemiBold;} @font-face { font-family: 'TTFirsNeue-DemiBold'; src: url(https://static1.squarespace.com/static/574234079f7266bf7c216219/t/5defc261a4abea7e73c1c086/1575993957527/TTFirsNeue-DemiBold.ttf), url(https://static1.squarespace.com/static/574234079f7266bf7c216219/t/5defc26d0b22ef461c186eb8/1575993967915/TTFirsNeue-DemiBold.woff), url(https://static1.squarespace.com/static/574234079f7266bf7c216219/t/5defc276bdfdf024df398b3c/1575993975215/TTFirsNeue-DemiBold.woff2); }
  7. Hi, I've decided to update my site with custom fonts, but the fonts don't work on headings only <p>, and then I read the York template has "no <h> tag". Great! I've implemented it on another template just to make sure my fonts work correctly and they do. So any ideas on how I get around this using York or should I just cut my losses and change to a template that has H tags?
  8. Hi, I'm using the Brine template, which on mobile, creates a margin of 64px above the content, that acts as the background to the navigation bar. In the Site Style, the only control over this, is site background colour which is currently set to white. Is there a way to remove this space, or move the content up behind the nav bar to reflect the larger breakpoints. Site can be viewed here Thanks so much
  9. Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan
  10. Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan
  11. Hi, I'm trying to target a specific text block on mobile so that I can adjust the text styling (from centre align desktop, to left align mobile), and other elements such as padding. Is there a way to target and style a block through CSS that doesn't affect all the other blocks? Here's the site: https://www.rejectsupply.com/ Test123 The block I'm trying to style is called "H2 Text Block" on the site itself, (ID block-ce591823b8f1025afa01) Thanks!
  12. Ahh! Updated, and here: www.rejectsupply.com Test123
×
×
  • Create New...