Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search


Circle Member
  • Content Count

  • Joined

  • Last visited

Reputation Activity

  1. Like
    wearesilk got a reaction from Ndi in beautiful mega menu for brine template   
    Site URL: https://bat-bagpipe-7bbz.squarespace.com/?password=demo
    have a look at this awesome awesome menu for the brine template.
    have anyone try to recreate this?
    looks so stunning 🙂
    have a nice day!
  2. Like
  3. Like
    wearesilk reacted to tuanphan in Adding Custom Font to Blog Post Title   
    Add to Home > Design > Custom CSS
    h1.BlogItem-title { font-family: "weareesilk"; }  
  4. Like
    wearesilk reacted to tuanphan in different colors on hover / tremont family / carson template   
    Add to Home > Design > custom CSS
    .collection-nav-item [href="/about"]:hover { color: red; } .collection-nav-item [href="/releases"]:hover { color: green; } .collection-nav-item [href="/dates"]:hover { color: gray; } .collection-nav-item [href="/videos"]:hover { color: black; }  
  5. Like
    wearesilk reacted to MagneM in Snap scrolling in Brine template   
    Hi Sheri,
    Yes you can.
    In a Brine index page with eg four sections - /jerry, /joe, /jack, /jeff - but only jerry snapped the code would be:
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script> <script> $(function() { $.scrollify({ section : ".Index-page", standardScrollElements: "#joe, #jack, #jeff", }); }); </script>
  6. Like
    wearesilk reacted to tuanphan in How to create a transparent header bar on mobile ?   
    Need site url to give exactly code @wearesilk
  7. Love
    wearesilk reacted to brandon in How to Create Full Page Sections / Single Page Website with Locked Scrolling / CSS Snapping   
    Hi Dani.
    Unfortunately I'm a bit swamped at the moment, and the code used on the example site is a prototype, is over-complicated and prone to failure. It's probably not ready to be put into production, since it would need a few more features added to check for various conditions (like content length) and adjust accordingly.
    I do hope to come back to this soon and post a more flexible solution.
    Also, your English is much better than my German! My suggestion about the post title was simply to include as many similar terms as possible, so that others may be able to find your question even if they type in something slightly different.
  8. Like
    wearesilk reacted to Justmadeit in How to Create Full Page Sections / Single Page Website with Locked Scrolling / CSS Snapping   
    If you're looking for an answer I used Brine.
    Paste into header code injection.
    Let me know how you go.
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/scrollify/1.0.19/jquery.scrollify.min.js"></script>
            $(function() {
                section : ".Index-page",
  9. Like
    wearesilk reacted to brandon in How to Create Full Page Sections / Single Page Website with Locked Scrolling / CSS Snapping   
    Hi @wearesilk. This can be accomplished. It is often called "scroll snapping" in modern-day CSS terms. However, CSS scroll snapping is still a bit unreliable and difficult to cross-browser test. So, another alternative is to use JavaScript. Here's an example of what can be accomplished using index page sections in Brine. Your specific application may require a lot more consideration (section length becomes a major concern with layouts like this that have to entirely fit on the screen, one-at-a-time). You'd most likely need to hire a developer to write the code to accomplish it, even if using third-party tools. If your layout is quite simple, it might be easier to write a custom implementation than to bend third-party tools to do your bidding.
    Understanding that this doesn't help you accomplish it, I do hope this helps a little in that it shows that it's possible.
  • Create New...