use Calculator
WordPress Lightning Theme - Page Title Removal Solution
Bhai, ye issue WordPress Lightning theme me "Breadcrumbs" ya "Page Title" ka hai. Main tumhe CSS code dunga jo ise hide kar dega.
CSS Code to Remove Page Title/Breadcrumbs
Tumhe ye CSS code apne WordPress dashboard me "Additional CSS" section me add karna hoga:
/* Remove page title and breadcrumbs from Contact Us page */
.page-title,
.entry-header,
.lightning-section-page-header,
.breadcrumb,
.page-header {
display: none !important;
}
/* Alternative selectors - try these if above doesn't work */
.post-title,
.single-title,
.entry-title,
.page-heading {
display: none !important;
}
/* Specific to Contact page */
.page-id-XXXX .entry-header,
.page-id-XXXX .page-title {
display: none !important;
}
Step-by-Step Implementation:
Method 1: WordPress Customizer (Easiest)
- WordPress Dashboard me jao
- Appearance > Customize par click karo
- Additional CSS section dhundho
- Upar diya gaya CSS code paste karo
- Publish button click karo
Method 2: Child Theme (Recommended for long-term)
Agar tum child theme use kar rahe ho, to style.css file me ye code add karo:
/* Remove page titles and breadcrumbs */
.page-title,
.breadcrumb,
.entry-header {
display: none;
}
Method 3: Specific Page ke liye
Agar sirf Contact Us page par hi hide karna hai:
/* Only hide on Contact page */
.page-id-123 .page-title,
.page-id-123 .breadcrumb,
.page-id-123 .entry-header {
display: none !important;
}
Note: 123 ki jagah tumhare Contact page ka actual ID dalna hoga. Page ID check karne ke liye:
· Pages list me jao
· Contact page par hover karo - URL me post=123 dikhega
Method 4: Plugin ke through
Agar CSS se kaam na bane to "Hide Title" plugin install kar sakte ho:
- Hide Page And Post Title plugin install karo
- Ya WP Hide & Security Enhancer plugin try karo
Complete Solution with Preview:
Yeh complete HTML file hai jisme maine tumhara contact page banaya hai WITHOUT the page title/breadcrumbs:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Contact Us - CryptoCalc</title>
<style>
/* CSS to hide page title and breadcrumbs */
.page-title, .breadcrumb, .entry-header {
display: none !important;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
background-color: #f8f9fa;
color: #333;
line-height: 1.6;
}
.container {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
header {
background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
color: white;
padding: 1.5rem 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.header-content {
display: flex;
justify-content: space-between;
align-items: center;
}
.logo {
display: flex;
align-items: center;
gap: 10px;
}
.logo i {
font-size: 2rem;
color: #4fc3f7;
}
.logo h1 {
font-size: 1.8rem;
font-weight: 700;
}
nav ul {
display: flex;
list-style: none;
gap: 1.5rem;
}
nav a {
color: white;
text-decoration: none;
font-weight: 500;
transition: color 0.3s;
}
nav a:hover {
color: #4fc3f7;
}
.cta-button {
background-color: #4fc3f7;
color: white;
border: none;
padding: 0.7rem 1.5rem;
border-radius: 30px;
font-weight: 600;
cursor: pointer;
transition: all 0.3s;
}
.contact-hero {
background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
color: white;
padding: 4rem 0;
text-align: center;
margin-bottom: 3rem;
}
.contact-hero h2 {
font-size: 2.5rem;
margin-bottom: 1rem;
}
.contact-hero p {
font-size: 1.2rem;
max-width: 700px;
margin: 0 auto;
opacity: 0.9;
}
.contact-content {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 3rem;
margin-bottom: 4rem;
}
.contact-info h3, .contact-form h3 {
color: #1a237e;
margin-bottom: 1.5rem;
font-size: 1.5rem;
}
.contact-info p {
margin-bottom: 2rem;
color: #555;
line-height: 1.7;
}
.info-item {
display: flex;
align-items: flex-start;
gap: 1rem;
margin-bottom: 1.5rem;
}
.info-item i {
background: #1a237e;
color: white;
width: 40px;
height: 40px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.info-text h4 {
color: #1a237e;
margin-bottom: 0.3rem;
}
.contact-form {
background: white;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}
.form-group {
margin-bottom: 1.5rem;
}
.form-group label {
display: block;
margin-bottom: 0.5rem;
font-weight: 500;
color: #333;
}
.form-group input,
.form-group textarea {
width: 100%;
padding: 0.8rem 1rem;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 1rem;
transition: border 0.3s;
}
.form-group input:focus,
.form-group textarea:focus {
border-color: #1a237e;
outline: none;
}
.form-group textarea {
min-height: 150px;
resize: vertical;
}
.submit-btn {
background: #1a237e;
color: white;
border: none;
padding: 0.8rem 2rem;
border-radius: 5px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.3s;
}
.submit-btn:hover {
background: #283593;
}
.why-contact {
background: white;
padding: 3rem;
border-radius: 10px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
margin-bottom: 3rem;
}
.why-contact h3 {
color: #1a237e;
margin-bottom: 1.5rem;
font-size: 1.5rem;
}
.why-contact p {
margin-bottom: 1.5rem;
color: #555;
line-height: 1.7;
}
footer {
background-color: #1a237e;
color: white;
padding: 3rem 0 1rem;
}
.footer-content {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 2rem;
margin-bottom: 2rem;
}
.footer-section h3 {
font-size: 1.3rem;
margin-bottom: 1.5rem;
position: relative;
padding-bottom: 10px;
}
.footer-section h3::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 50px;
height: 3px;
background: #4fc3f7;
}
.footer-links {
list-style: none;
}
.footer-links li {
margin-bottom: 0.8rem;
}
.footer-links a {
color: #b0b0b0;
text-decoration: none;
transition: color 0.3s;
}
.footer-links a:hover {
color: #4fc3f7;
}
.copyright {
text-align: center;
padding-top: 1.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
color: #b0b0b0;
font-size: 0.9rem;
}
@media (max-width: 768px) {
.header-content {
flex-direction: column;
gap: 1.5rem;
text-align: center;
}
nav ul {
flex-wrap: wrap;
justify-content: center;
}
.contact-content {
grid-template-columns: 1fr;
}
}
</style>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<header>
<div class="container">
<div class="header-content">
<div class="logo">
<i class="fas fa-calculator"></i>
<h1>CryptoCalc</h1>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Calculators</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</nav>
<button class="cta-button">Get Started</button>
</div>
</div>
</header>
<main>
<!-- No page title or breadcrumbs here! -->
<section class="contact-hero">
<div class="container">
<h2>Contact CryptoCalc</h2>
<p>Get in touch with our team for support, questions, or feedback</p>
</div>
</section>
<div class="container">
<section class="contact-content">
<div class="contact-info">
<h3>Get in Touch with CryptoCalc Support</h3>
<p>At CryptoCalc, we're passionate about empowering crypto traders with the tools they need to navigate leveraged markets confidently. Whether you have a question about our crypto leverage calculator, need help with a calculation, or want to share feedback on our trading resources, our team is here to assist.</p>
<div class="info-item">
<i class="fas fa-envelope"></i>
<div class="info-text">
<h4>Email Us</h4>
<p>support@cryptocalc.com</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-phone"></i>
<div class="info-text">
<h4>Call Us</h4>
<p>+1 (555) 123-4567</p>
</div>
</div>
<div class="info-item">
<i class="fas fa-clock"></i>
<div class="info-text">
<h4>Response Time</h4>
<p>We respond to all inquiries within 24 hours</p>
</div>
</div>
</div>
<div class="contact-form">
<h3>Send us a Message</h3>
<form>
<div class="form-group">
<label for="name">Your Name</label>
<input type="text" id="name" required>
</div>
<div class="form-group">
<label for="email">Email Address</label>
<input type="email" id="email" required>
</div>
<div class="form-group">
<label for="subject">Subject</label>
<input type="text" id="subject" required>
</div>
<div class="form-group">
<label for="message">Your Message</label>
<textarea id="message" required></textarea>
</div>
<button type="submit" class="submit-btn">Send Message</button>
</form>
</div>
</section>
<section class="why-contact">
<h3>Why Contact CryptoCalc? We're Here for You</h3>
<p>Founded in 2025, CryptoCalc has grown into a go-to platform for over 50,000 monthly users seeking accurate leverage trading calculators and educational content. As we continue to innovate – with upcoming features like AI-driven risk alerts and expanded multi-chain support – your input drives our roadmap.</p>
<p>We're committed to responding to every inquiry within 24 hours, ensuring you get personalized guidance tailored to your crypto journey, from beginner spot trades to advanced perpetual futures on platforms like Binance or OKX.</p>
</section>
</div>
</main>
<footer>
<div class="container">
<div class="footer-content">
<div class="footer-section">
<h3>Product</h3>
<ul class="footer-links">
<li><a href="#">Home</a></li>
<li><a href="#">Calculators</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Legal</h3>
<ul class="footer-links">
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Disclaimer</a></li>
<li><a href="#">About CryptoCalc</a></li>
</ul>
</div>
<div class="footer-section">
<h3>Connect With Us</h3>
<ul class="footer-links">
<li><a href="#">Twitter</a></li>
<li><a href="#">Facebook</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</div>
</div>
<div class="copyright">
Copyright © CryptoCalc All Rights Reserved.<br>
Powered by WordPress & Lightning Theme by Vektor.Inc. technology.
</div>
</div>
</footer>
</body>
</html>
Yeh code directly use kar sakte ho, aur page title/breadcrumbs show nahi honge!
Crypto Leverage Calculator
Calculate position size, liquidation price, and profit/loss with precision
Input Parameters
Results
Warning message will appear here
