Hello, I’m right here once more to provide the greatest piece I’ve bought proper now. Guess what? It’s the Naijaloaded Download Button (Ghost Button).

Here, I will provide you with the code and css, then educate you tips on how to make it work on any theme of your alternative.

If you might be accustomed to html and css, come right here, you are able to do this, sure, you!

Yay! Let’s dive into the ocean now.

I’ll begin by supplying you with the css of the code if not it will not work in your web site.

CSS means Cascading Style Sheets, it’s liable for the great thing about your web site, whereas HTML, Hypertext Markup Language is liable for the construction of your web site. That is, the constructing block.

Setting up the Css

/* Button Cascading */
a.btn-ghost {
background: #0a8a0a no-repeat !important;
position: relative;
/*background-size: 35px !important;
background-position: 126px 5px !important;*/
border: 1px strong #0a8a0a !important;
color: #fff !important;
font-size: 15px !important;
font-weight: 600 !important;
border-radius: 4px !important;
display: inline-block !important;
padding: 5px 40px 5px 10px !important;
letter-spacing: 0 !important;
}

a.btn-ghost::after {
display: inline-block;
position: absolute;
content:"";
right: 2px;
top: 0px;
height: 35px;
width: 35px;
background: url(https://www.vistanaij.com.ng/wp-content/uploads/2021/07/download_arrow.gif) no-repeat !important;
background-size: 35px !important;
}

a.btn-ghost:hover {
background-color: #467713 !important;
border: 1px strong #467713 !important;
colour: #fff !important;
}

.btn-outline {
border: 2px strong #0a8a0a;
margin-bottom: 20px;
border-radius: 5px;
font-weight: 600;
text-transform: capitalize;
}

.btn-outline:hover {
background: rgba(105, 181, 29, 0.3);
}

.btn {
padding-right: 15px;
position: relative;
}

• In your wp-admin dashboard, go to look > customise > Custom Css, paste the above code within the field and publish

Using the Code (html) to showcase obtain button

<center><a class="btn-ghost" href="https://www.vistanaij.com.ng/wp-content/uploads/2021/02/Bella_Shmurda_-_Rush_-_Moving_Fast__Vistanaij.com.ng.mp3" rel="noopener">DOWNLOAD MP3</a></center>

Whenever you might be posting songs or music video obtain buttons, that is tips on how to use the button code.

In your basic editor or block editor, when posting a track, paste the above code for the button to indicate the naijaloaded button, you simply have to exchange the default hyperlink to the obtain hyperlink you need to use.

NB: Make positive you turn your editor to textual content earlier than pasting the code as a result of for those who paste in visible mode, it will not work out.

That is all about Naijaloaded Download Button Code

Should you have got any situation, contact me on whatsapp: 07069047498