Cara Merubah Icon Back To Top Pada Template Viomagz

Cara Merubah Icon Back To Top Pada Template Viomagz - Hallo temen - temen kesempatan kali ini saya akan membuat sebuah tutorial yang sangat simpel yaitu seperti judul artikel ini yaitu Cara Merubah Icon Back To Top baiklah langsung saja ke tutorial nya

Cara Merubah Icon Back To Top 

/* Back to top */
#back-to-top {
background: #1B699D;
color: #ffffff;
padding: 6px 8px;
font-size:24px;
border-radius: 22px;
}
.back-to-top {
position: fixed !important;
position: absolute;
bottom: 25px;
right: 20px;
z-index: 998;
}
.back-to-top svg {
width:24px;
height:24px;
vertical-align: middle;
margin-top: -5px;
}
.back-to-top svg path {
fill: #ffffff;
}

4. Kemudian ganti dengan kode dibawah ini

/* Back to top */
#back-to-top{background:rgba(0,0,0,.4);
color:#ffffff;
padding:16px 18px;
font-size:12px;
border-radius:24px}.back-to-top{position:fixed!important;
position:absolute;
bottom:23px;right:18px;z-index:998}.back-to-top svg{width:12px;height:12px;vertical-align:middle}.back-to-top svg path{fill:#ffffff}

5. Kemudian cari kode dibawah ini dan hapus

<div class='back-to-top'>
<a aria-label='back to top' href='#' id='back-to-top' title='back to top'>
<svg viewBox='0 0 24 24'>
<path d='M7.41,15.41L12,10.83L16.59,15.41L18,14L12,8L6,14L7.41,15.41Z'></path>
</svg>
</a>
</div>

6. Kemudian ganti dengan kode dibawah ini

<div class='back-to-top'>
<a aria-label='back to top' href='#' id='back-to-top' title='back to top'>
<svg viewBox='0 0 24 24'>
<path d='M1,21H23L12,2'></path>
</svg>
</a>
</div>

Penutup