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

elilongwell

Member
  • Content Count

    6
  • Joined

  • Last visited

  1. Unfortunately it's still doing the weird heading thing. I tried it with h1 and h2 just to make sure there wasn't something weird going on, but same for those. I actually changed "p" to "*" and it seemed to fix anything. I don't see any unintended issues yet... so I suppose that will work for now!
  2. Huh.. so that sort of worked. It centered the body text, but reverted the title text back to the original alignments for each one.
  3. Site URL: https://daisy-chameleon-5pc5.squarespace.com/modules Site: https://daisy-chameleon-5pc5.squarespace.com/modules PW: mothership I've run into an issue where my right aligned image cards aren't able to have their text centered in mobile view. On each of my pages, I've got alternating images on the left and right with their caption text on the opposite side. This looks great on desktop, but when I view it on moble, it looks strange since the text is right or left aligned under the stacked image. I've been able to play around with different css snippets to center the texts for these image blocks, but for some reason I can't get anything to work to adjust the right aligned images. This is the one I've got working on the left aligned images, but it's not working on the right aligned ones. @media screen and (max-width:640px) { .image-block-v2 { text-align: center !important; } } Here's how it looks on desktop: And here's how it looks on mobile: (Left aligned) (Right aligned) Any thoughts as to why this isn't working correctly?
  4. Well, I tried that, but then realized that I can't actually edit the product pages to the extent that I need to be able to. I basically need to have a full page for each product with new sections that I can put in and everything. On top of that, there are a couple other places where I'm still having this stacking problem on mobile that I need to figure out.
  5. Site URL: https://daisy-chameleon-5pc5.squarespace.com/modules I'm essentially building out a "products" page, but I can't use the actual product's pages since I'm not selling these items directly on my site. With that being said, I've tried all kinds of different ways to display and layout the products, and just using image blocks has been the best I've been able to come up with so far. The issue I've run into is that on mobile, the stacked images make the page way to long and not very usable. I was able to make it a little better with @tuanphan's code from the post below, but I've run into another problem. Specifically, I'm now running into an issue where any rows with a single item are displaying their images as right oriented. I've tried adjusting the float property, and while changing it to "float: left" does fix that problem, all of my odd numbered rows now show their last image floating right with a blank space to the left. Any thoughts on the best way to handle this? Here's what I currently have running: @media screen and (max-width:767px) { div#page-section-5e97b45ae7ee50004720233c>.row>.col>.row>.col { width: 50% !important; float: right !important; } } Here it the page I'm working on. (pw: mothership) float: right issue float: left issue
×
×
  • Create New...