Jump to content

ShuiFeng

Member
  • Posts

    55
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. No, I'm still having the issue, it's just subtle. The area highlighted in red is some kind of shadow that doesn't look right (between the two images). The area highlighted in blue has no box shadow although it should (it should have shadow surrounding the entire image). Thanks.
  2. Hi all. On my Books page I have 4 book covers that I want to have box shadow. When I enter the code below it causes the edges of the book image to be visible and it looks very bad. The only way I can get the box shadow to look right is with the SquareKicker plugin. That is sub optimal. How do I do this with code? Thanks. Books page: https://activefengshui.com/feng-shui-books #block-920e4c0018ece277fc48 { box-shadow: 1px 2px 10px 4px rgba(0,0,0,0.5); }
  3. Thanks @tuanphan! This worked great. /* Blog - Center Author and Date */ .blog-item-author-date-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  4. I've tried a myriad of commands, none of them work. How do I center align the meta data (author and post date) on my blog posts? https://shuifeng.squarespace.com/blog Password: SHUIFENG Here is an example of what I've tried. .blog-meta-item { text-align: center !important; }
  5. Hello all. I'm using a plugin to display Amazon Reviews for books on our site. When a long review gets displayed (it's a carousel) it shifts the book's description (text block) and "Buy on Amazon" button (button block) down, completely breaking the organization of the page. Is there a way to lock those blocks in place so they don't shift downward when long reviews are displayed?
  6. Ok, I solved this by forcing the font-size and button width on mobile. @media only screen and (max-width:767px) { #block-6b04de1b3cabd23c052e { .sqs-block-button-element { font-size: 1.1em !important; width: 255px !important; }}}
  7. Hi @tuanphan - I'm still having this issue and was wondering if you could help me out please? I just need the button text to not word wrap when the page is size is reduced. Tried a couple things but adding "white-space: nowrap;" makes the button lopsided, adding padding just messes up the alignment of the text. What to do?
  8. Hello all. I'm trying to add a border, box shadow, and border radius to the images on my Product Details pages but when I do the box shadow looks strange (as if it's connected to the other image) and the border radius doesn't work, it only applies to a couple of the corners. The code I'm using is below. What am I doing incorrectly? Thanks. Example page: shuifeng.squarespace.com/shop/p/what-the-feng .ProductItem-gallery-slides-item, .grid-image { border-radius: 5px!important; box-shadow: 1px 2px 10px 4px rgba(0,0,0,0.5); border: 1px solid black; }
  9. @creedon Thanks so much for your input - I was able to get the .png working but if I have issues with the .png image quality I'm going to try your route with the .svg. Thanks for creating that resource -
  10. Hi again. I'm trying to remove the padding from the social icons/links in my footer but I'm having trouble targeting them. I tried targeting the social block ID but that didn't work. I'm able to find information on targeting the header social icons but not the footer.. Thanks in advance. Website: shuifeng.squarespace.com Edit: I was able to make it work by reducing the size of the social icons from medium to small, which removes the padding. But I'd prefer to use the medium social icons. How can I make this work?
  11. lol, thanks! I got it, same time. Thanks so much for your help, it works beautifully. Just have to make a few adjustments to padding and I'm good to go.
  12. Ok, I've done as suggested and placed the code below into a code block in the footer but it doesn't display the image at all. What am I missing? (the image currently displayed is just the static image I uploaded, the blank space above it is where I placed the code block) EDIT: I got it. I removed the "data" from <img data-src="https://..." and the image is now displayed. Works great! Thank you! I just have to adjust the padding and remove the box shadow and it'll be perfect. <div class="payment-icons" style="text-align:center;"> <img data-src="https://images.squarespace-cdn.com/content/v1/627082fb22c34f331451d6b6/edb21702-9537-470f-a4a5-e349ea0d099c/Payment+Processor+Icons+1.png"> </div>
  13. I used a standard image (.png), and found the image location (hosted on Squarespace's CDN) with Developer Tools in Chrome. It's possible to do it that way though right? Thanks.
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.