-
Posts
72 -
Joined
-
Last visited
Content Type
Forums
Gallery
Blogs
Events
Store
Downloads
Profiles
Everything posted by Poppyseeds
-
map How to set a different size for a google map on mobile SQSP7.1
Poppyseeds replied to Xbal's topic in Customize with code
I'll go back and change all my Custom CSS code on this 7.1 site. I'm glad I asked! Thank you! -
map How to set a different size for a google map on mobile SQSP7.1
Poppyseeds replied to Xbal's topic in Customize with code
@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! -
How to make the header semi-transparent only on mobile view
Poppyseeds replied to Poppyseeds's topic in Customize with code
- 2 replies
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
Odd mobile issue: One testimonial is missing on mobile site!
Poppyseeds replied to Poppyseeds's topic in Customize with code
It works! THANK YOU! 😃- 2 replies
-
- custom-css
- code
-
(and 3 more)
Tagged with:
-
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!
- 2 replies
-
- custom-css
- code
-
(and 3 more)
Tagged with:
-
Exactly what I'm looking for, too!
-
Cannot resize opaque accent box behind text for mobile site
Poppyseeds replied to Poppyseeds's topic in Customize with code
Doesn't appear that way on all phones, but I guess some is better than none! 😁- 6 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
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?
- 2 replies
-
- custom-css
- css
-
(and 3 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
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!- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
Cannot resize opaque accent box behind text for mobile site
Poppyseeds replied to Poppyseeds's topic in Customize with code
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.)- 6 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
@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!- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
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
- 2 replies
-
- custom-css
- code
-
(and 3 more)
Tagged with:
-
Resizing border frame for mobile site - code not working
Poppyseeds replied to Poppyseeds's topic in Customize with code
- 3 replies
-
- mobile
- custom-css
-
(and 3 more)
Tagged with:
-
Cannot resize opaque accent box behind text for mobile site
Poppyseeds replied to Poppyseeds's topic in Customize with code
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 💗- 6 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
Resizing border frame for mobile site - code not working
Poppyseeds replied to Poppyseeds's topic in Customize with code
- 3 replies
-
- mobile
- custom-css
-
(and 3 more)
Tagged with:
-
Offset image border cutting off image.
Poppyseeds replied to Poppyseeds's topic in Customize with code
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.- 4 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
THIS IS AWESOME! So excited - It works and I'm grateful!- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
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!
- 6 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
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
- 3 replies
-
- mobile
- custom-css
-
(and 3 more)
Tagged with:
-
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
- 4 replies
-
- custom-css
- coding
-
(and 3 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
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.- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
It expired. I made a copy of an updated one: Site: https://kumquat-kumquat-mt9a.squarespace.com/config/ PW: bluemoon Thank you!- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
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?- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with:
-
Adding address, phone, and button in header.
Poppyseeds replied to Poppyseeds's topic in Customize with code
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!- 22 replies
-
- heading
- custom-css
-
(and 1 more)
Tagged with: