How to Add Custom CSS to Your WordPress In GeneratePress Theme

How to Add Custom CSS to Your WordPress In GeneratePress Theme

इस आर्टिकल में आपके लिए How to Add Custom CSS to Your WordPress In GeneratePress Theme दिया है | जिससे आपकी वेबसाइट का look एकदम से बदलकर बहुत ही बेहतरीन हो जायेगा, आशा करता हूँ कि आपको ये How to Add Custom CSS to Your WordPress In GeneratePress Theme जरूर पसंद आयेंगे | Add Custom CSS to Your WordPress In GeneratePress Theme

GeneratePress वर्डप्रेस स्पेस में सबसे प्रसिद्ध ब्लॉगिंग थीम में से एक है। इसके इतने लोकप्रिय होने का कारण इसकी सादगी है। जैसे ही आप इसे देखते हैं, आप यह सोचना शुरू कर सकते हैं कि आपकी सामग्री कहाँ और कैसी दिखेगी और आपके उपयोगकर्ता इसे कैसे ब्राउज़ करेंगे। Add Custom CSS to Your WordPress In GeneratePress Theme

Add Custom CSS to Your WordPress In GeneratePress Theme Tips

How to Add Custom CSS to Your WordPress In GeneratePress Theme

Add Custom CSS to Your WordPress In GeneratePress Theme

प्रत्येक वेबसाइट की अपनी आवश्यकताएं होती हैं, इसलिए थीम को लोकप्रिय वर्डप्रेस प्लगइन्स के साथ जोड़ा जा सकता है और अधिक कार्यक्षमता जोड़ सकता है। चाहे कस्टम पोस्ट प्रकार, कस्टम फ़ील्ड, गैलरी या पोर्टफोलियो हों, GeneratePress यह कर सकता है। Add Custom CSS to Your WordPress In GeneratePress Theme

वास्तव में आप इसे ई-शॉप साइट के लिए भी उपयोग कर सकते हैं क्योंकि यह WooCommerce के लिए भी अनुकूल है। यह सब आपका बहुमूल्य समय और धन बचाता है ताकि आप महत्वपूर्ण बातों पर अधिक ध्यान केंद्रित कर सकें। Add Custom CSS to Your WordPress In GeneratePress Theme

GeneratePress एक हल्की थीम है जिसे आप वर्डप्रेस साइटों के लिए प्राप्त कर सकते हैं। हालांकि, मुफ्त संस्करण फुटर लिंक और सीमित थीम सेटिंग्स जैसी सीमित सुविधाओं के साथ आता है। संपूर्ण सुविधाओं का उपयोग करने के लिए आपको GeneratePress प्रीमियम प्लगइन खरीदना होगा। Add Custom CSS to Your WordPress In GeneratePress Theme

यदि आप कमर्शियल वर्डप्रेस थीम के सेटअप से परिचित हैं, तो आपको आश्चर्य होगा कि GeneratePress के पास काम करने का अलग तरीका है। Add Custom CSS to Your WordPress In GeneratePress Theme

यहां कुछ टिप्स दी गई हैं जिनसे आप GeneratePress थीम को customize कर सकते हैं-

Change published date to last updated date
Add Google Analytics without plugin
Insert Yoast breadcrumb
Insert author bio box without plugin
Insert advertisements without plugin
Add leave a reply above comment section
Remove links from author and post dates
Using Elements in GeneratePress
यहाँ GeneratePress Theme के Main Features दिए गये हैं-
Simplicity
Responsive design
Fast loading
Great support
Awesome documentation
Compatible with WooCommerce, WPML, BuddyPress, and bbPress
Compatible with Elementor and Page Builder
Free child themes
The theme includes all the default WordPress options plus options to:
Change the layout of the header, content area, sidebars
Cache CSS
Load only the essential Font Awesome icons and not the whole library
Change the alignment of the navigation and the title
9 sidebars with the option to use them per page or post

GeneratePress कई अन्य थीम की तरह थीम विकल्प प्रदान नहीं करता है। आपको अपनी साइट पर कोड डालने के लिए एलिमेंट्स फ़ंक्शन और सेटअप कस्टम हुक का उपयोग करना होगा। GeneratePress थीम में Elements फीचर का उपयोग करने के लिए नीचे दिए गए स्ट्रेप्स का पालन करें।

Navigate to “Appearance > GeneratePress” section.
You will see all the modules of the theme here.
Click on the “Activate” link against “Elements” option.
Remember, “Disable Elements” is a different feature for disabling title. You have to
activate the “Elements” option.

हम में से बहुत से लोग मानते हैं कि वेब पेज की गति बहुत महत्वपूर्ण है। Google ने यह भी पुष्टि की है कि मोबाइल वेब पेज की गति वास्तव में मोबाइल रैंकिंग में मुख्य भूमिका निभाता है। Google वेब पेज स्पीड स्कोर चिंता का विषय नहीं है।Customize GeneratePress Theme With CSS

जो अधिक महत्वपूर्ण है वह है एक अच्छा उपयोगकर्ता अनुभव, और इसके कारण, आपकी साइटों को हल्का और बेहतर भी होना चाहिए।Customize GeneratePress Theme With CSS

GeneratePress को साइट की गति को ध्यान में रखकर विकसित किया गया था। थीम के सबसे मानक इंस्टॉलेशन में से एक 28Kb से बहुत कम है जो बेजोड़ है।

इसके अलावा, GeneratePress को नवीनतम कोडिंग मानकों के अनुसार कोडित और संरचित किया गया है, यह बहुत साफ और साथ ही संरचित दिखता है।

अब बारी आती कि आपको वह स्पेशल CSS Code दिया जाए जिससे आप अपने GeneratePress को और भी बेहतरीन look दे सकें | Customize GeneratePress Theme With CSS

Add Custom CSS to Your WordPress In GeneratePress Theme – CSS Code Copy Here

nav {
box-shadow: 0 8px 12px rgb(0 0 0 / 20%);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.post {
box-shadow: 0 8px 12px rgb(0 0 0 / 20%);
border-radius: 20px;
padding:20px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.entry-content h2,h3,h4,h5,h6{
font-weight:600;
padding: 10px 10px 10px 25px;
border-radius:25px;
color:white!important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
/* Widget Sticky */
@media (min-width: 769px) {
.site-content {
display: flex;
}
.inside-right-sidebar {
height: 100%;
}
.inside-right-sidebar aside:last-child {
position: -webkit-sticky;
position: sticky;
top: 10px;
}
}
/*Sidebar Universal*/
.widget-title{
padding: 10px 10px;
border-radius:15px;
color:white!important;
text-align:center;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
.sidebar .widget {
border-radius:20px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
a.read-more.button {
padding: 10px 25px;
border-radius:25px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}
img {
border-radius: 12px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

/* End GeneratePress Site Custom CSS */

————————————————-
Color Body :- #04abc5

Color Nav L To R :- #0ea1b8, #04abc5, #0ea1b8

Image Size :- 220*150


How to Add Custom CSS to Your WordPress In GeneratePress Theme

Buy GeneratePress Premium in Just 199/- only @ Our Website’s Store

आशा करता हूँ की यह How to Add Custom CSS to Your WordPress In GeneratePress Theme को कॉपी करके अपनी वेबसाइट और भी beautiful look दे दिया होगा | और यदि आपके कुछ सुझाव हो या आपको यह  How to Add Custom CSS to Your WordPress In GeneratePress Theme पसंद आया हो तो –

“कमेन्ट जरूर करें |”

All types of technology, blogging tips and tricks, Products Review, Youtube tips and gadgets reviews, म्यूजिकल इंस्ट्रूमेंट्स के रिव्यु, और टेक्नोलॉजी से जुडी जानकारी पाने के लिए   “tips.sursaritatechknow.com” को  जरूर F O L L O W करें |

व ज्यादा जानकारी के लिए S U B S C R I B E करें मेरे y o u t u b e चैनल “sur sarita tech-Youtube” “S U R  S A R I T A  T E C H” – Youtube को |

P L E A S E   C O M M E N T और शेयर जरूर करें ||

धन्यवाद्
पवन शास्त्री ( सुर सरिता टेक )

Sur Sarita Tech
Thank You For Visit

Leave a Reply

Your email address will not be published.