Codeless
  • Support Home
  • Themes
  • Support
  • WordPress Tutorials
    • How to Start a Blog
    • Best Website Builders
    • Best Small Business Hosting
    • Email Marketing Services
    • Cheap WordPress Hosting
  • Video Tutorials

Community Forums

Header H1 Text Fade

    • 9 years, 2 months ago digibob
      Participant

      Expired

      <p class=”p1″>Hi</p>
      <p class=”p1″>I have reduced the Page Header Height in the Tower theme (Creative Agency) and I now want to change the speed of the fade out of the <b>header_page.centered h1</b> text.</p>
      <p class=”p2″>I would like the text to fade to transparent much quicker when the user scrolls down the page and the header goes off the screen.</p>
      <p class=”p2″>For example, what happens here to the word SERVICES on this page <span class=”s1″>https://codeless.co/tower/creative/services/</span&gt;  – I want it to fade out much quicker!</p>
      <p class=”p2″>Many thanks!!</p>

    • 9 years, 2 months ago digibob
      Participant

      Expired

      Something not right about this site at the moment, very slow loading….

      Hi

      I have reduced the Page Header Height in the Tower theme (Creative Agency) and I now want to change the speed of the fade out of the header_page.centered h1 text.

      I would like the text to fade to transparent much quicker when the user scrolls down the page and the header goes off the screen.

      For example, what happens here to the word SERVICES on this page https://codeless.co/tower/creative/services/ – I want it to fade out much quicker!

      Many thanks!!

    • 9 years, 2 months ago Mirela
      Participant

      Hello,

      Please go to file js/main.js and find function pageHeader(). Inside the function body you will find this line:
      var opacity1 = 1 - ( scrollTop / bottom ); by decreasing the value ‘1‘, you can speed up the fading process.
      Try this for example:
      var opacity1 = 0.5 - ( scrollTop / bottom );
      Save changes to file.

      Best regards!

    • 9 years, 2 months ago digibob
      Participant

      Expired

      Brilliant, works perfectly – thanks Mihaila! :-)

Viewing 3 reply threads

You must be logged in to reply to this topic.

Login

Log In
Register

Renew Support

  • Renew Specular Support
  • Renew Tower Support
  • Renew Folie Support
  • Renew Handel Support
  • Renew June Support
  • Renew Picante Support
  • Renew Thype Support
  • Renew Regn Support

Search Forums

Forums

  • Bygge – Construction Theme
  • Converta – Software Theme
  • Folie – The WordPress Website Builder
  • Handel – Responsive Multi-Purpose Business Theme
  • June WooCommerce WordPress Theme
  • Livecast – Podcast Theme
  • Picante – Restaurant & Food WordPress Theme
  • Regn | Agency & Business WordPress Theme
  • Remake – Minimal Portfolio & Agency Theme
  • Specular – Multi-Purpose WordPress Theme
  • Suggest us Features
  • Tower – Business-Driven Multipurpose WP Theme
  • Vibrance – Photography Theme

Site Links

  • Support Policy
  • Specular Support Forum
  • Video Tutorials
  • Knowledge Base
  • Guides and Reviews

Useful Articles

  • Build a Website
  • Web Design & Development
  • Hosting
  • WordPress

Login

Log In
Register Lost Password