WebsiteBaker Support (2.13.x) > General Help & Support

Template question 1

(1/5) > >>

applepie:
I like the style on the Revero header (image attached) but I dont seem to able to adapt to other template. Below is my codes. Is there something else missing I should add?

On the index.php file under footer:

<a href="#" class="back-to-top"><i class="icofont-simple-up"></i></a>

In the CSS file:

.back-to-top {
  position: fixed;
  display: none;
  background: #febd01; /*#50d8af;*/
  color: #fff;
  padding: 6px 12px 9px 12px;
  font-size: 16px;
  border-radius: 2px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s;
}

.back-to-top:focus {
  background: #febd01; /*#50d8af;*/
  color: #fff;
  outline: none;
}

.back-to-top:hover {
  background: #febd01; /*0c2e8a;*/
  color: #fff;
}

dbs:
Your attachement schows no back to top. only social icons.
What do you want?

sternchen8875:
the code show's a link to the top of the page and use a icofont-icon, here a simple arrow like this .
This Icon-Font use a minified css-file and a font-file or, in a different variant, only a minified (s)css-File. Do you use it also in your template? Take a look to this "How to use" and search in your template for a link to the needed files like this


--- Code: ---<link rel="stylesheet" href="your_project/templates/xxxxx/icofont/css/icofont.min.css">
--- End code ---

applepie:

--- Quote from: dbs on September 13, 2023, 04:15:26 PM ---Your attachement schows no back to top. only social icons.
What do you want?

--- End quote ---

Sorry, gave the wrong link.
The back to top icon/link on the footer of my index.php file

<a href="#" class="back-to-top"><i class="fa fa-chevron-up"></i></a>

crnogorac081:
From the template where you found this code, search for .js file. Search and copy the the code where "back-to-top" is called

Navigation

[0] Message Index

[#] Next page