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

msollami

Member
  • Content Count

    12
  • Joined

  • Last visited

  1. @tuanphan You can see the problem if you resize your desktop browser to be very horizontally skinny, you'll see how the icons are misplaced and warped...
  2. And recall, that you already gave me this in my css: .collection-type-blog.view-list article img { -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); left: 0 !important; width: 100% !important; height: 100% !important; } .view-list article .excerpt-thumb .intrinsic .excerpt-image { display: block; height: 150px; overflow: unset !important; }
  3. Ok, I've added your code, and that helps with resizing, but now in iphone Portrait mode it looks bad... Can you see?
  4. I have a blog with theme Five and split sidebars, and it looks fine on desktop browsers: msollami.com/ideas However, on mobile the content is not always centered: On my iPad in portrait mode it is wrong: Update: After trying the code in the solution, it now looks totally wrong in portrait mode:
  5. Why is Grammarly not working in Squarespace blog post editor? I have the chrome and safari extensions installed but I don't see it working...
  6. @tuanphan I tried removing the width:100% height:100% and inserting width:150px. But is there a way to avoid the overflow issue I'm showing below:
  7. Ok, @tuanphan but using this code: /* CUSTOM CSS */ .collection-type-blog.view-list article img { border-radius: 50%; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); left: 0 !important; height:150px; width:150px; } .view-list article .excerpt-thumb .intrinsic .excerpt-image { display: block; width:150px; height:150px; overflow: unset !important; } Still gives these overflow issues:
  8. Almost there, the only issues left is that the images aspect ratios are changed: And I'd like to avoid the restyling for the one timeline post above, where it is meant to be a full width image...
  9. Thanks @tuanphan, it almost works! Here's the link with your css: https://mikesollami.squarespace.com/ideas I think your code needs a small edit, because now the shadow gets cutoff in a square and some of the images are stretched: More examples from https://mikesollami.squarespace.com/code:
  10. In my blog post excerpts, all the thumbnails are squares: I'd like to tweak them in the following ways: Change these into circles Give them drop shadows So the css is something like this: img { border-radius: 50%; width: 150px; -webkit-filter: drop-shadow(5px 5px 5px #222); filter: drop-shadow(5px 5px 5px #222); } I just don't know the proper selector to give so that it will only affect the blog thumbnails and not all images. Also, if possible... is there any way to make them smaller and scale better with page resizes? They're kind of clunky at the moment, e.g. sometimes thumbnails are way too big for the text at a certain zoom!
×
×
  • Create New...