Template question 1

[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: [Select]

<link rel="stylesheet" href="your_project/templates/xxxxx/icofont/css/icofont.min.css">

[applepie]

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

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

[applepie]

Why is the fontawesome for the new twitter x icon does not show? From what I understand the code is
<i class="fa-brands fa-x-twitter"></i>
Nothing came up at all when I used the code above. Anyone has the answer?