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

visionsbyfurks

Member
  • Posts

    36
  • Joined

  • Last visited

  1. Yes the header, just so that the content fades as you scroll www.studiofurks.com
  2. Site URL: http://www.studiofurks.com Hello, I was trying to add a gradient to the top of the page/navigation so that when the user scrolls up it fades. Example below: https://mvsm.com/play
  3. Site URL: https://studiofurks.com/clients Hi! Does anyone know how I could apply CSS to remove the white space in this list in Mobile view? It is in a two-column format, and the space shows from the bottom of first column in mobile.
  4. @bangank36 The arrow appears across all pages now, is there any way to solve this? https://www.studiofurks.com/
  5. @bangank36 Amazing, thank you! Would you know what I need to change to make it bounce like the following link: https://www.cookmellow.com/
  6. @bangank36 www.studiofurks.com I have added the code but it duplicates the arrow. See below and I've added the code below the screenshot: script src="https://code.jquery.com/jquery-2.2.4.min.js"></script> <style> #page section:first-child a.next-section { padding-top: 75px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: 2; display: inline-block; color: #fff; font : normal 400 20px/1 'Josefin Sans', sans-serif; letter-spacing: .1em; text-decoration: none; transition: opacity .3s; } #page section:first-child a.next-section span { position: absolute; top: 0; left: 50%; width: 20px; height: 20px; margin-left: -12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-animation: sdb05 1.5s infinite; animation: sdb05 1.5s infinite; box-sizing: border-box; } @-webkit-keyframes sdb05 { 1O0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 100; } 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } @keyframes sdb05 { 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0; } 50% { opacity: 1; } 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0; } } </style> <script> $(function() { $("#page section:first-child").append('<a href="#" class="next-section"><span></span></a>'); $('a.next-section').on('click', function(e) { e.preventDefault(); $('html, body').animate({ scrollTop: $("#page section:first-child").next().offset().top}, 500, 'linear'); }); }); </script>
  7. @tuanphan I've added the following code to adjust the portfolio image paddings however I'm trying to adjust the padding now inbetween the gallery items (I've attached a screenshot below the code): /* Padding on mobile portfolio grid */ @media screen and ( max-width: 767px ) { .tweak-portfolio-grid-overlay-width-full .portfolio-grid-overlay { padding-left: 2px !important; padding-right: 2px !important; }
  8. Site URL: https://www.studiofurks.com/ Hello, I needed help with some CSS, I wanted to adjust the text size and padding for the navigation (mobile only) as I like the desktop sizing and padding. Could anyone help me with this please?
  9. @tuanphan Thank you but it doesn't do the same for the images www.studiofurks.com
  10. @tazmeah Sure it's the space around the edges that I wanted to reduce.
×
×
  • Create New...