Recreating onlyanother.co (7.0)

Náyade shows us what she learned from recreating onlyanother.co 👏

Hi everyone! Puno asked me to create videos of the things I learned from onlyanother.co, so I divided it by pages/elements so it’s easier to follow. 😉

Homepage: Split Layout / Sticky Layout / Custom Cursor / Stretchy Logo

 

 

  • For the split layout, use a gallery index and upload a colour image (screenshot) as one of the images

  • For the custom cursor, you want to upload all images into Custom CSS

  • For the stretchy logo, you want to add Javascript into the code injection panel and upload images into Custom CSS

 

  • This video gives a closer look at sticky sections! 👀

  • The styling for the “make-me-sticky” sections is added into the code injection panels

Our Team Page: Marquee / Split Layout

 

  • Try changing the width of multiple successive sections to make them fit in one row!

Our Team Page: Custom Carousel

 

  • For the custom carousel, they use a version of the OwlCarousel

Our Work Page: Image Blocks

 

 

Portfolio Pages: Layouts + Pagination

 

 

404 Page

 

  • Create a custom 404 page (make sure it’s not linked) and select it from the 404 panel

Please let me know if I forgot something or if you have any questions! Happy to help!

— Náyade

Code SnippetsPuno