Jump to content

Poppyseeds

Member
  • Posts

    72
  • Joined

  • Last visited

Everything posted by Poppyseeds

  1. I'll go back and change all my Custom CSS code on this 7.1 site. I'm glad I asked! Thank you!
  2. @tuanphan Can I ask why you use "max-width: 767px"? I've seen it on many of your codes, and always curious as to the 767 as opposed to the 640. Thanks! P.S. This code worked for me, too, in another area than the footer. Just tweaked it a bit!
  3. Site URL: https://www.thehairranch.com/ So odd. On the desktop site, all 3 quotes appear. On the mobile site, only 2 quotes appear (the second column from Kristen and third column from Eileen). The quote from Tammy (the first one or left side) is missing. Cannot figure this out. Been looking for 2 days now. I must have hid it somehow? Any suggestions? Thank you in advance!
  4. Doesn't appear that way on all phones, but I guess some is better than none! 😁
  5. Site URL: https://www.thehairranch.com/ Hello! I'm trying to adjust the opacity of the white header on the mobile site. Tried all sorts of things. Nothing working. Any ideas?
  6. Hi Tuan! Just wanted to let you know that I put in the code, but it moves the whole title and menu up (see photo). So, I wrote a bunch of code. Seems to work, but flew by the seat of my pants. /* SITE TITLE FONT SIZE - DESKTOP */ @media only screen and (min-width:641px) { a#site-title { font-size: 1.3em !important;}} /* ADJUST VERT SPACE OF NAVIGATION BAR */ .header .header-title-nav-wrapper .header-nav {margin-top: -1.2em !important;} /* TRYING TO LINE UP BUTTON WITH TITLE */ .header-actions .btn { margin-top: -1.0em !important; margin-bottom: 2.0em !important;} /* REDUCE VER PADDING ON HEADER */ .header .header-announcement-bar-wrapper { padding-top: 4.2vw !important; padding-bottom: 3vw !important;} I'm learning... thank you!
  7. I'd like to do a Vulcan mind-meld with you. You have literally saved my first job from being a complete disaster. Was only partial disaster. Now I can't get the site title to be all on one line. It'll never end... LOL (I actually created up to h9 - all different styles - with code blocks and CSS. You'd be proud.)
  8. @tuanphan Hi Tuan! I put in the code and it worked wonderfully - I noticed, though, that it increased the space between the Site Title and the Menu. Is there a way to decrease some of this space? Thanks again - I learn so much from you!
  9. Site URL: https://ferret-bird-3rl2.squarespace.com I have to complete this one-page site by Friday. (I'm a first timer, and client getting impatient.) 1. I am able to delete the white space around the map on the desktop, but it is still showing on mobile. Tried to transfer the same coding with the media query, but can't seem to make it work. (see photo) 2. All of the sudden the site is too wide on both desktop and mobile. There's a horizontal scroll! Absolutely lost on this one. (see photo) And my hands are tied by client creatively ("plain, boring, no color pop..."), so if you have any design tips, I'll take 'em. Thanks for any and all help! site: https://ferret-bird-3rl2.squarespace.com pw: blahblahblah
  10. I did finally figure out how to adjust a bit, but I can't seem to get it any tighter.
  11. Yes, so that it fits more tightly in the space. On the mobile site, there is a lot of space around the text and the lighter colored box behind it. I'm attempting to delete all the space from the lighter colored box behind the text (that portion in the yellow rectangles. No matter what I do, I can't seem to make that box any smaller on the mobile site. THANK YOU 💗
  12. You are the king!!! I modified this a bit: #block-8b839941f5d796fbef77 .design-layout-inline img { margin-right: 0 !important; top: 0 !important; height: auto !important; width: 100% !important; margin-bottom: 0 !important; border: 1.5px solid #968F87; padding: 4.5% !important; } I'm ultimately trying for a box type of effect like in the original photo, but am only getting two sides. Spent well over an hour trying to get it right... But, alas. And I have to have this site done by Friday. I'm so lost! Thank you, Tuan.
  13. THIS IS AWESOME! So excited - It works and I'm grateful!
  14. Site URL: https://ferret-bird-3rl2.squarespace.com Hello forum friends ~ Trying to adjust the size of the opaque accent box on the mobile site so that the text is a bit tighter to the edges, as it is in the desktop pic. Used this for desktop: /* DESKTOP */ #block-daf805861a202b50ee14 .code-block { padding-top: 2.5vh !important; padding-bottom: 2.5vh !important; } .code-block .sqs-block-content { padding-top: 2.5vh !important; padding-bottom: 2.5vh !important; } And this for mobile: /* MOBILE */ @media screen and (max-width: 640px){#block-daf805861a202b50ee14 .code-block .sqs-block-content { padding-left: 2.0vw !important; padding-right: 2.0vw !important; }} Tried various iterations and combos as well. No go. SITE: https://ferret-bird-3rl2.squarespace.com ACCESS: blahblahblah Thank you for any tips!
  15. Site URL: https://ferret-bird-3rl2.squarespace.com I have a frame around a text block that I'm trying to reduce on the mobile site. I copied the same code for the desktop, and simply adjusted the numbers. No luck. /* FRAME: "CLIENT GALLERY" MOBILE */ @media screen and (max-width: 640px){#block-2c182c5c1f7d49f6f48b { padding-top: -2.0vh !important; padding-bottom: -2.0vh !important; padding-left: -3.0vw !important; padding-right: -3.0vw !important; }} /* FRAME: "CLIENT GALLERY" DESKTOP */ #block-2c182c5c1f7d49f6f48b { border: 0.15em solid #fff; padding-top: 4.7vh !important; padding-bottom: 4.7vh !important; padding-left: 1.8vw !important; padding-right: 1.8vw !important; } What am I missing? I have to frames that need adjusting, so hopefully fixing one will help me fix the other. Thank you forum members! site: https://ferret-bird-3rl2.squarespace.com pw: blahblahblah
  16. Site URL: https://ferret-bird-3rl2.squarespace.com/config/settings/site-visibility Attempting an offset border, but image is being cut off. I inserted the following: #block-8b839941f5d796fbef77 .design-layout-inline .image-block-wrapper { border: 0.05em solid #968F87; overflow:visible!important; } #block-8b839941f5d796fbef77 .design-layout-inline img { margin-left: 25px; margin-top: 25px; } Cannot figure this out... SITE: https://ferret-bird-3rl2.squarespace.com PW: blahblahblah
  17. Oh. My. So sorry. No idea what's happening. SITE: https://ferret-bird-3rl2.squarespace.com ACCESS: blahblahblah And trying to get the address stacked to two lines instead of one long line. Thank you, yet again.
  18. It expired. I made a copy of an updated one: Site: https://kumquat-kumquat-mt9a.squarespace.com/config/ PW: bluemoon Thank you!
  19. Hi @tuanphan! Still need help. I have the phone and address in the header using a Custom CSS, but you suggested it would be better to put it in the footer and then move it to the top. Is that still better? Or should I leave it as is?
  20. Yes! What I'm using now is a Custom CSS code, but I understand it is not the best way to go. You suggested I put it in the footer, and you'd help me with the code to put it in the header. Thank you!
×
×
  • 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.