Jump to content


  • Posts

  • Joined

  • Last visited

Everything posted by pbueno24

  1. @tuanphan On Hover >> change to another logo - we got that working perfectly, no issues there. But in another thread, if you recall, you helped me with the footer links so that when you go to the About page, the ^About link stays pink to indicate you are on that page. Same with the ^Work link, ^Blog, etc. I want the Part Time Evil Logos to stay pink when the user is on the home page. And go back to white when they are on a different page.
  2. Excellent! @tuanphan, Would you be able to supply me with the code to keep the logos on their hover images whenever the user is on the home page? Then when they leave, the logos go back to their original (all white) state. Thanks password: Party
  3. Site URL: https://pte.squarespace.com/about Password: Party Hi! I'm having issues trying to figure out how to change and keep the color of my footer links. I'd like them to match them with the header nav links, which are working fine. It should look like this... hover > light blue page active > pink (#E9275B) All of the code for my footer links are in the code block. The main fix is being able to click on the about page and the text holds the pink color. It would be preferable to change their color whether you select a page link from the header or the footer. ...hope that makes sense. Thanks!
  4. Site URL: https://pte.squarespace.com/ Password: Party Hello again! Can you please help me switch out the image I have in my footer section? I would like to switch on hover to this image: "https://i.imgur.com/KB10woB.png" And keep that image active if the user is on the home page. Thanks!
  5. Hey @tuanphan Thanks for the help! I have a few bugs regarding the background video that I hope you'd be able to help with. 1. How can I get rid of that extra blue space that shows up below the video? This was one of the issues I was running into when trying to work this out myself. 2. When I rotate my phone the video gets cropped. Is there a way to prevent that? 3. Can we scoot the video down to leave space for the Part Time Evil header? Thanks, Patrick password: Party MobileBackgroundVideoBugs.MP4
  6. Site URL: https://pte.squarespace.com/ password: Party Hello, We have a background video as the hero section for our home page and I'm not sure how to fit it for mobile. I've tried a couple of ways, but I couldn't get it to work. It has a 16:9 aspect ratio and I believe the longest side is 2000 pixels. Thanks, Patrick
  7. Site URL: https://pte.squarespace.com/ Password: Party Hi! I am wondering if there is a way to remove the folder content for mobile and just leave the main titles in place. For example: ABOUT (remove Arrow and take me straight to the About page) I believe there are two ways to go about this: 1. Add custom code to switch the navigation links from taking you to the folder contents and straight to the page. As well as getting rid of the arrow. or 2. In the custom CSS, I initially removed the redundant menu options. For example: ABOUT > ABOUT, Team, Process, Pricing I turned off the display of .header-nav-folder-item: first-child. However, instead of hiding it, we can switch the .header-nav-folder-item: first-child with the first ABOUT option that takes you to the folder contents. The overall goal would be to bypass the nav folders and go straight to the pages for mobile devices only. Your help is greatly appreciated! -Patrick Password: Party
  8. @tuanphan This is where I'm at with the footer now with the code from above. Would you be able to scoot up the menu to the Part Time evil logo so that they start on the same line? Thanks, Patrick
  9. Site URL: https://pte.squarespace.com/ I managed to get the footer looking great for desktop, but can someone please help me clean up the look for Mobile (767 px). I would simply like to stack the Page Links off to the right side, mirroring the Part Time Evil Logo. Example: (Preferably the Part Time Evil logo and the About Link start on the same line.) PART TIME EVIL ^ABOUT ^WORK ^BLOG ^CAREERS ^CONTACT I made the page links in a Code Block and attached a class = "menuop" for the buttons so they can be manipulated. I'm just having trouble getting the links to stack correctly and fitting the Part Time Evil logo next to the stacked page links. All of my custom CSS is at the very bottom of the Custom CSS window. (As well as within the code block.) Thanks! )
  10. Site URL: https://pte.squarespace.com/ Hi, I am having some trouble keeping my footer within the boundaries of the page. I was hoping to make the ^ABOUT ^WORK ^BLOG ^CAREERS ^CONTACT footer h4 text get smaller as the window resizes, however since I'm using nowrap, it makes the buttons fall off the page. Do you know a solution for this? Also, there is a lot of empty space to the right of the "Part Time Evil" logo that is keeping the menu buttons from using that space. You're help is much appreciated. All my footer custom CSS is under the advanced Footer section.
  11. @tuanphan In order to try and get it working in Squarespace, I just added all the code using a codeblock and <script> and <style> tags. The screenshots that I initially sent were just mockup designs in photoshop. I couldn't get it to work on my end so I removed my attempts. Feel free to test it out on a new page if that helps.
  12. .header-menu-nav-folder-content .container.header-menu-nav-item:nth-child(2) { display: none; } ^ this seems to be really close, but it is hiding my "work" page as well, which needs to stay visible.
  13. Thanks again @bangank36 This works great on desktop, however they are still showing up on mobile. Do you know how to fix this?
  14. Site URL: https://pte.squarespace.com/ Hello, I've got quite an ambitious task as a beginner in CSS, HTML, & Javascript. I would love to implement this Radial codepen design in a 3 x 2 grid to showcase all of the different software that my team uses. https://codepen.io/CreativePunch/pen/lAHiu I've tried copying & pasting the codepen into a code block, but I couldn't get it to work. I've attached the design we are shooting for. The software logos do not need to be clickable. So, if you can help me implement the codepen six times in this grid, I think I'd be able to take it from there be replacing all the logos.
  15. Site URL: https://pte.squarespace.com/ Hi! I am trying to hide the redundant navigation items that appear in my drop down menus. Specifically, "ABOUT" "CAREERS" & "CONTACT". I found this thread below, which is exactly what I am trying to do, but after customizing the CSS to my site, it didn't work out:
  16. @bangank36, Ohhh, I see what I was doing wrong. "#page-section" is unnecessary because you are already on the correct page when you need to link to the section from the page buttons. However, I wonder if I should have setup the Main Navigation differently. I was having trouble initially with creating the "About" page drop down menu. Would you be able to help me set up the Navigation bar, so that when you click on "Team" from the "About" drop down menu, it takes you to the Our Team section? Right now I have "Team" setup as a page, while "Process" and "Pricing" are setup as page links. "Process" & "Pricing" from the About drop down menu work perfectly, but I'm not sure how to go about linking the "Team" dropdown to the "Team" Section ID. To clarify, say you are on the "Work" page. How can I get the Section ID to work for "Team" in the About dropdown menu? Thanks
  17. Site URL: https://pte.squarespace.com/about Hello, I have three buttons on the top of my About page that need to transport the user to three different Squarespace ID Sections of the page: "Team; Process; Pricing" I am using code blocks to achieve this, so I can implement an arrow icon into the button links. I managed to get the Process & Pricing anchors to work, but for some reason "Team" won't work. I think this is because there is an issue with jumping to the Squarespace section preset "List," which is what I am using. I came across the same issue on the "Careers" Page, (https://pte.squarespace.com/careers) where I got "Open Positions" to work, but "Benefits" wouldn't work because it is a template Squarespace list. I tried other methods of linking to anchors, but it still wouldn't work for these sections. Please please help.
  18. Site URL: https://pte.squarespace.com/ On mobile, I need to reorder the light blue image and place it above the text that says "Augmented AR easypod AR VIEW CASE STUDY ->" How might I be able to do that on mobile only? (767px) [Side Note: I had made image cards before with the image and the text, but because we wanted to include an arrow icon, I had to redesign the elements individually to include a code block to hold the arrow icon.]
  19. Thank you! However, do you know how to prevent the circles from turning into ovals after manipulating the border pixels?
  20. Site URL: https://pte.squarespace.com/careers I got my icons looking great for the contact page. However on mobile, the Border-Radius is not working and the light blue circle shows up as a square. Has this been an issue for anyone else? It shows up correctly on the Squarespace display, but not on my iPhone 12. Please help. I'd love to figure out the root of the problem. However, if this is unsolvable, can you help me figure out how I might create a new slightly bigger circle and position it right behind the icons, in order to fake a border? Thanks. (light blue color: #80f5f3)
  21. Site URL: https://pte.squarespace.com/ourwork Hey, I would like to change the order of the Blog-Title and Blog-Excerpt within the HTML. I managed to do so using the developer tools, but how would I swap their order within Squarespace / is this even possible? I've attached an image to show what I'm going for. The left side of the image is what I'm trying to achieve. 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.