Here I am sharing you how you can protect your site and contact form 7 from spam mail.
Step 1: In your Dashboard, go to Contact > Integration as per the screenshot

Love to share Wordpress, HTML, CSS , JQuery related issues & My observations on Astrology
Here I am sharing you how you can protect your site and contact form 7 from spam mail.
Step 1: In your Dashboard, go to Contact > Integration as per the screenshot
As an enthusiast of Vedic Astrology, If your Lord Rahu Dasha (North Node) is going to start, or, If you are already running Lord Rahu ( North Node) dasha, then please observe the following and take measures as per the followings
Continue reading “Observational Post: Starting of Lord Rahu( North Node) dasha or Preiod”As an enthusiast of Vedic Astrology, If your Lord Ketu Dasha (South Node) is going to start, or, If you are already running Lord Ketu ( South Node) dasha, then please observe the following and take measures as per the followings
Continue reading “Observational Post: Starting of Lord Ketu ( South Node) dasha or Preiod”Actually I have created this plugins while testing chatGPT. So, most of the code is done using chatGPT. I have done some style changes only.
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
<style>
.social-icons a {
text-decoration: none;
color: orange;
margin-right: 12px;
padding: 0px;
font-size: 27px;
}
</style>
<div class="social-icons">
<div class="social-icons__icons">
<a class="slink" href="Your Twitter URL">
<i class="fab fa-twitter"></i>
</a>
<a class="slink" href="Your Instagram URL">
<i class="fab fa-instagram"></i>
</a>
<a class="slink" href="Your linkedin URL">
<i class="fab fa-linkedin-in"></i>
</a>
<a class="slink" href="Your Pinterest URL">
<i class="fab fa-pinterest"></i>
</a>
<a class="slink" href="Your Youtube URL">
<i class="fab fa-youtube"></i>
</a>
<a class="slink" href="Your Facebook URL">
<i class="fab fa-facebook"></i>
</a>
</div>
</div>
This Fontawesome file supports this social icons
Using the html code above and using the class below you can use those social icons. If you face any issue please feel free to let me know in comments section
fab fa-facebook-f
: Facebookfab fa-twitter
: Twitterfab fa-instagram
: Instagramfab fa-linkedin-in
: LinkedInfab fa-youtube
: YouTubefab fa-pinterest-p
: Pinterestfab fa-snapchat-ghost
: Snapchatfab fa-tumblr
: Tumblrfab fa-reddit
: Redditfab fa-whatsapp
: WhatsAppfab fa-telegram
: Telegramfab fa-skype
: Skypefab fa-discord
: Discordfab fa-tiktok
: TikTokAI Generated Mammoth Image (Abstract image / poster)
Continue reading “My Midjourney Experiences and Fun”Sometimes you may need to change default author url to different page. Here I am sharing you the code which you can use without modifying the theme file.
function modify_author_posts_url( $author_posts_url, $author_id ) {
// modify the URL here
$author_posts_url = 'https://www.example.com/';
return $author_posts_url;
}
add_filter( 'author_link', 'modify_author_posts_url', 10, 2 );
You can use Code Snippet plugins to use the code, here is the screenshot about how you can use the code.
If you are a Yoga instructor and trying to create your website, here is your solution. Here I have shown in a video (4minutes) how you can create your initial Yoga Teaching site for free and how u can set up the site. Also I have shared css codes to modify it
You can see Demo here.
Here is the OceanWP TheAme.
Continue reading “Free Yoga based WordPress Site: Modification of Header, footer, menu, sidebar, author, category and more.”Here is a simple timezone carousel to show time of different countries in carousel format. You can use Next and Previous button to show Next 4 countries time. I have shared you the corresponding php, html and css code. If you face any issue, feel free to comments.
<div id="time-carousel" class="time-carousel">
<?php
$timezone_identifiers = DateTimeZone::listIdentifiers(DateTimeZone::AMERICA | DateTimeZone::EUROPE);
foreach($timezone_identifiers as $timezone) {
$date = new DateTime('now', new DateTimeZone($timezone));
echo '<div class="time-carousel-item">';
echo '<h3>'.$timezone.'</h3>';
echo '<p>' . $date->format('H:i') . '</p>';
echo '</div>';
}
?>
</div>
<a href="#" id="prev">Previous</a>
<a href="#" id="next">Next</a>
<script>
jQuery(document).ready(function(){
var slideIndex = 0;
showSlides();
function showSlides() {
var i;
var slides = jQuery(".time-carousel-item");
for (i = 0; i < slides.length; i++) {
if(i < slideIndex || i >= slideIndex + 4) {
slides.eq(i).hide();
} else {
slides.eq(i).show();
}
}
}
jQuery("#prev").click(function(event){
event.preventDefault();
var slides = jQuery(".time-carousel-item");
slideIndex = Math.max(0, slideIndex - 4);
showSlides();
});
jQuery("#next").click(function(event){
event.preventDefault();
var slides = jQuery(".time-carousel-item");
slideIndex = Math.min(slides.length - 4, slideIndex + 4);
showSlides();
});
});
</script>
<style>
.time-carousel {
display: flex;
flex-wrap: wrap;
}
.time-carousel {
display: flex;
flex-wrap: wrap;
}
.time-carousel-item {
width: 25%;
padding: 10px;
text-align: center;
}
.time-carousel-item h3 {
font-size: 18px;
font-weight: bold !IMPORTANT;
}
</style>
To change the font family in Elementor, you can do the following: