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

olipowell

Member
 View Profile  See their activity

  • Content Count

    18

  • Joined

  • Last visited

Community Reputation

1 Neutral

See reputation activity

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. olipowell started following Change mobile styling on specific block, Change padding on specific image, Change aspect ratio of gallery and and 3 others
  2. olipowell
    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!
  3. olipowell
    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!
  4.    christyprice reacted to an answer to a question: Box Shadow to specific image
  5. olipowell
    Hi @christyprice, that worked a charm! Thanks so much
  6. olipowell
    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); }
  7. olipowell
    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.
  8. olipowell
    Here you go
  9. olipowell
    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); }
  10. olipowell
    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?
  11. olipowell
    @paul2009 any ideas? Thanks!
  12. olipowell
    Ahh sorry! That's now public
  13. olipowell
    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
  14. olipowell
    Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan
  15. olipowell
    Awesome, that worked, and so helpful to use on other blocks, thank you @tuanphan
  16. olipowell
    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!
  17. olipowell
    Ahh! Updated, and here: www.rejectsupply.com Test123
×
×
  • Create New...

Support

Community

Developers

Resources