This article is all about how to add social follow buttons to a WordPress website or you can say how to add social icons in a WordPress website without plugins.
Contents In The Article
hide
HTML Code
<img src="https://webinsights.in/wp-content/uploads/2021/06/services-banner1.png" class="myimg" alt="">
<p> <a href="#" target="_blank" class="social yt"> YouTube</a> </p>
<p> <a href="#" target="_blank" class="social fb"> Facebook</a> </p>
<p> <a href="#" target="_blank" class="social insta"> Insta</a> </p>CSS Code
Paste below CSS Code to your additional CSS Box.
.myimg{
max-width: 100%;
margin-bottom:30px;
}
.social{
background-color: #10b98e;
padding: 10px;
color:white;
text-decoration: none;
display: block;
border-radius: 30px;
text-align: center;
font-size: 16px;
}
.social:hover{
box-shadow: 1px 1px 8px #888888;
color:white;
}
.social.fb{
background-color:#4267B2;
margin-top: -10px;
}
.social.yt{
background-color:#c4302b;
margin-top: -10px;
}
.social.insta{
background:linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
margin-top: -10px;
}
Please make a video on these awesome new floating share icons. and please tell me how I set featured image size differently on mobile phones using CSS like you.
Aapne Bahut Hi Achchha Jaankari Diya Hai Thanks
Hello sir,
How to add load more post buttons like your website?
It is very easy to do… If you have GeneratePress Premium Go to Customizing ▸ Layout ▸ Blog
Then turn on Use infinite scroll.
That is it.
AAPKE MADHAYAM SE MAINE APNA BLOG OPTIMIZE KIYA ISKE LIYE AAPKA BAHUT BAHUT DHANYAWAD
Welcome
Hello sir! image url nahi achhe put nahi kar par rahe hai please Tell me how to fix it
Fi you’re going to post these codes atleast provide proper instructions on how to use them. This was so useless
🙁
sir, please teach us how you created the box in your headings, and also how to change the colors of the widget, I tried changing the color, but it’s not implemented on the website, I’m using your premium theme.
and also I gave you the login link but now my access is redirecting to temporary access please help me resolve it.
Hello sir,
Sir social links color is not being changed to white they are still black like other side bar widgets color
MashaAllah sir bohat bohat zabardast. I make my complete website customize after watching your tutorials on youtube and help of your codes.
thank you so much.. Now i am yours permanent fan.
Sukriya!
Make a video on, How to add a timer in the Downloading button
Very Soon!
Sir meri is website Ki thime dizain Karvan he
https://electricindore.in/new-hero-hunk-150r-2024/
Hi Vikas,
You can connect over hello@webinsights.in
Bro i want to this type design -https://vahantak.com/yamaha-new-edition-r15-bike/ how much cost?