Jump to content

gcerceo

Member
  • Posts

    37
  • Joined

  • Last visited

Recent Profile Visitors

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

  1. @tuanphan circling back on this scrolling/fade effect seen here >> www.grahamcerceo.com
  2. O, just realized the effect is not fading in or out with the scroll up or down the page. The page is smooth scrolling though, and that's nice. The effect I'm going for is more like a status bar scroll, with the copy fading in/out when the viewport reaches that section. Does that make sense? And it's all screwed up on mobile, I'll need to add a parameter for it to resize the copy for the mobile version. https://www.grahamcerceo.com/
  3. This is great, thank you! Need to do some tweaking to make it work. How can we keep the code box from being so long and making the section so long, after inputting all that code into it? And, I'd like to make the text my H2 size.
  4. Hi, I'm hoping to implement this Codepen onto my website in the section below my hero, to reveal fade in/out this description. Follow up question is, does mobile affect it at all? codepen: https://codepen.io/gusevdigital/pen/dygLbqJ my site: https://www.grahamcerceo.com Thanks SS Superstars!
  5. Update– I'm playing around with the padding for the desired size of the shape. What tag would allow for the shape to scale with different lengths of the captions? And, scale for mobile screen size?
  6. Love it. Thank you. In my own coding, I was missing the other containers above the lowest level. Now to tweak. What other tag can I use to make the pill wrap to the varied length of the caption for each of my portfolio thumbnails? And, expand it to be a little taller. Follow up, to ensure it scales appropriately for mobile. Assuming I'll need the min-max screen size tags, right?
  7. Apologies, I put the URL in the form when posting. I prefer a completely rounded pill, not a round-corner rectangle. The corner radius is 8px or 16px, cant recall off the top of my head. www.grahamcerceo.com Would also like to add a translucent/blur fill to them.
  8. Hi SS Forums, I'm having trouble locating any online documentation for customization of portfolio-text (captions) beyond just basic text styling. My goal is to create a pill-shaped box (similar to one of my button styles - not pictured), around the portfolio-text on my portfolio thumbnails, seen below in the screenshot.
  9. Very good question. I'd like the opposite, aligning navigation to the baseline grid. And, splitting it up much wider than whats available in the standard nav menu design options.
  10. @tuanphan great! When I add the font-size CSS to .portfolio-text, the font size doesn't change for some reason, size of p2 I'm also trying to tighten it up closer to the image, the line-height is enormous, especially when the portfolio-text is smaller.
  11. @tuanphan I tried the link and code above and it did not work for me. It removed the entire section. I'm using portfolio grid:overlay on desktop, and would like to put the titles under the thumbnails on mobile since hover states aren't active on mobile. www.grahamcerceo.com
  12. If I wanted to swap the portfolio:hover layout to grid:overlay, is there a way I could I use an autoplaying mp4 as the thumbnail? Using a looping gif of frames from the video, I'm playing around with as the thumbnail.
  13. Correct. A video that's autoplaying. I will upload a video into SS, once I have the code
  14. The entire section disappears with the code in that link. When I /* */ each group to see what's causing it to disappear, it seems to be the @max width string.
×
×
  • 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.