Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by torchglow

  1. Yes I do! I still haven't been able to figure this out.
  2. Site URL: http://torchglow.video PW: T0rchgl0w I'm having trouble getting some images to align and stay aligned with text in a 'list' section. It only looks correct when the window is a certain size, but the images get skewed left or right depending on the size of the window. I've attached screen shots of desktop vs mobile. I added the images via code block and have css resizing and positioning them. Here is an example: Code: <img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/606241f5836efb696e849bc5/1617052149712/fuel_icon.png"> CSS: /*fuel*/ #block-yui_3_17_2_1_1617052003349_6358 {width: 73px; position: relative; left: 40%; } Thank you!
  3. All good, thanks! I got it all working using the code above, but tweaking a couple of things. .logo2 img { height: 40px; margin-top: 2.5%; position: relative; left: 48.75%; bottom: 18px; .logo2 img { height: 40px; margin-top: 2.5%; position: relative; left: 48.75%; bottom: 18px;
  4. Ah! I think you're on to something. I used the Chrome extension Squarespace Collection/Block Identifier to find the div id for each footer section (comes in handy BTW, highly recommend). I updated my code accordingly and it still looks the same. If I find the solution I'll update this thread! Maybe there is a different 'display' attribute that would totally remove the section...🤔 #block-yui_3_17_2_1_1616001525201_4948 {display: block;} #block-e5fffd4f1f1d6a04b0d6 {display: none;} @media screen and (max-width: 799px) { #block-yui_3_17_2_1_1616001525201_4948 {display: none;} #block-e5fffd4f1f1d6a04b0d6 {display: block;} }
  5. Site URL: http://torchglow.video PW: T0rchgl0w I have been playing around with footers and was having trouble making it look good across all devices, so I decided to make two footers and assign one to Desktop and one to Mobile. I designed the footers using Code Blocks and assigned different id's to each. Technically it works, but on desktop there is a ton of dead space under the footer, and on mobile there is a ton of dead space above it. Any ideas on how to clean that up? Here is the code I'm using: /*Footer*/ #footer-text {font-family: 'DMMono-Regular'; font-size: 13px; color: #D6D6D6; } a:hover { color: #F86A4A !important; } #footer-text-mobile {font-family: 'DMMono-Regular'; font-size: 13px; color: #D6D6D6; } a:hover { color: #F86A4A !important; } .footer-logo img{ height: 15px !important; width: 32.5px !important; padding: 0px; } #footer-text {display: block;} #footer-text-mobile {display: none;} @media screen and (max-width: 768px) { #footer-text {display: none;} #footer-text-mobile {display: block;} }
  6. Try: .arts-council-logo img{ height: 70px; width: 100%; }
  7. Site URL: http://torchglow.video Site PW: T0rchgl0w Is there a way to add an image that appears on top of other content and then also make that image rotate? I have a circular badge logo (transparent .png) that I want to appear over the corner of the a video and rotate infinitely. Please refer to the right side of the attached mockup for a reference. Thanks!
  8. Sorta got it figured out. Not as clean as I'd like, but it works. Added the following code to the Custom CSS: @media screen and (max-width: 600px) { .logo2 {display:none;} }
  9. UPDATE: I've gotten it pretty close! It shows up pretty much how I want it to. It moves relative to the window size, however if the window gets too small it starts getting jumbled up with the menu and primary logo. Is there a way to make it disappear once the window gets to a certain size? Additionally, in the mobile experience I would like for it to go away completely. Right now it is just overplayed with the primary logo and looks sloppy. Screenshot is attached and shows this issue. Here is the code I'm using in the header Code Injection: <strong class="logo2"> <a href="http://torchglow.video"><img src="https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/6040178f0f70e01f9af5997b/1614813071300/Torchglow_Flame-Icon_White-Transparent.png" alt=""></a> </strong> Here is what I'm using in the Custom CSS: .logo2 img { height: 75px; margin-top: 1%; position: relative; left: 47%; z-index: 2 }
  10. Site URL: http://torchglow.video Hello, I am trying to add a second logo centered in my header like the attached mockup, but I can't quite figure it out. Page PW is T0rchgl0w The image path for the second logo iamge is https://static1.squarespace.com/static/6016ebcd5d14073e2249cdd0/t/6040178f0f70e01f9af5997b/1614813071300/Torchglow_Flame-Icon_White-Transparent.png Any help would be greatly appreciated!
  11. Hello! I modified the navigation text on the desktop version of my site to make the text color of the current page the user is on in the navigation to blue. I want do the same color change for the selected /current page on mobile, but I can't figure out how to change the text color of the current/selected page in the mobile navigation menu. I've only been able to change the background color, which I don't want to do. Any ideas? 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.