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

Back to Top button

bootstrap
    • 9 years, 5 months ago Deniz
      Participant

      Expired

      I added the following custom CSS code to Back to Top Button . Unfortunately, the button will be the same at the beginning appears to position1 .

      .scrollup {
      z-index: 9999;
      display: block !important;
      }
      .scrollup { background-color: #25AAE1 !important; }

      1 ) The button is only to be displayed when you scroll down .

      2 ) the button is behind the Footer . However, the button to be displayed in front of the footer

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 5 months ago Deniz
      Participant

      Expired

      3) The Button is not responsive

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      4) the logo is not responsive

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      This reply has been marked as private.
    • 9 years, 5 months ago Ruco
      Keymaster

      Hello,

      1/2. I fixed it. Please delete the code you have added:

      .scrollup {
      z-index: 9999;
      display: block !important;
      }

      3/4.

      Please add this css code:

      @media (max-width: 480px){
      #logo {
          margin-right: 25px;}
      }

      How do you want to scrollup button on responsive?

      Best regards!

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      The Scrollup button was off after removing the Code…

    • 9 years, 5 months ago Ruco
      Keymaster

      Hello,

      Sorry, remove just display: block !important;. This is the code that should be added at custom css box:

      .scrollup {
      z-index: 99999999;
      }

      Best regards!

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      Hi,

      1) was resolved.
      2) The problem is still there.
      3) The problem is still there.
      4) was resolved.

      Thank you!

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      Sorry for the late reply.
      2 ) the button is behind the Footer . However, the button to be displayed in front of the footer
      Please add this code into your custom css box:

      .footer_wrapper {
          z-index: 0 !important;
      }

      3) The Button is not responsive
      The responsive version of back to top button looks ok when we check it in mobile (screenshot). Are you not viewing this? Can you send a screenshot of it?

      Best regards!

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      2) Works but a new error. Please check
      Error on click in Firefox

      3) The button is in resposive Version to big and must be a little bit move to right

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      https://i.share.pho.to/db9f6ff6_c.png

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      2-I don’t see any error in this section (and entire page), screenshot. Do you still have it? Perhaps it may be caused by some add-on installed on your browser or temporary bad internet connection.

      3-You can style it as you wish with some custom css. In this case, add this code:

      @media (max-width: 480px) {
      .scrollup {
          width: 50px;
          height: 50px;
          margin-right: -8px;
      }} 

      Change the values to your wish.

      Best regards!

    • 9 years, 5 months ago Deniz
      Participant

      Expired

      hi

      2) Please open the site with Firefox. Scroll down and click on the back to top button. scroll down again and see the Problem :)

      3) Thank you! resolved

    • 9 years, 5 months ago Mirela
      Participant

      Hello,

      Please go to file css/boostrap.css and find these lines:

      a:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
      }

      edit to this:

      a:focus {
          outline: medium none;
          outline-offset: -2px;
      }

      Save file.

      Best regards!

    • 9 years, 4 months ago Deniz
      Participant

      Expired

      the Problem was resolved. Thank you!

      You can Close that ticket.

Viewing 15 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