How to Add Custom CSS to Your WordPress In GeneratePress Theme
In this article I have given you How to Add Custom CSS to Your WordPress In GeneratePress Theme. Which will change the look of your website instantly and make it very amazing, I hope you will like this How to Add Custom CSS to Your WordPress In GeneratePress Theme.
Add Custom CSS to Your WordPress In GeneratePress Theme GeneratePress is one of the most famous blogging themes in the WordPress space. The reason it is so popular is its simplicity. As soon as you see it, you can start thinking about where and how your content will look and how your users will browse it. Add Custom CSS to Your WordPress In GeneratePress Theme
Add Custom CSS to Your WordPress In GeneratePress Theme
Each website has its own needs, so the theme can be combined with popular WordPress plugins and add more functionality. Whether custom post types, custom fields, galleries or portfolios, GeneratePress can do it. Add Custom CSS to Your WordPress In GeneratePress Theme In fact you can even use it for an e-shop site as it is also compatible with WooCommerce.
All this saves you valuable time and money so you can focus more on what’s important. Add Custom CSS to Your WordPress In GeneratePress Theme GeneratePress is one of the lightweight themes you can get for WordPress sites. However, the free version comes with limited features like footer links and limited theme settings. You will need to purchase the GeneratePress premium plugin to use the full features.
Add Custom CSS to Your WordPress In GeneratePress Theme If you are familiar with the setup of commercial WordPress themes, you might be surprised that GeneratePress has a different way of working. Add Custom CSS to Your WordPress In GeneratePress Theme Here are some tips to customize GeneratePress theme-
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
Here are the main features of GeneratePress Theme-
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
Does not offer theme options like many other themes. You need to use Elements function and setup custom hooks to insert the code on your site. Follow the below steps to use Elements feature in GeneratePress theme. 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. Many of us believe that web page speed is very important.
Google has also confirmed that mobile web page speed really plays a main role in mobile rankings. Google web page speed score is not a concern. Customize GeneratePress Theme With CSS What is more important is a good user experience, and because of this, your sites need to be lighter and better too. Customize GeneratePress Theme With CSS GeneratePress was developed with site speed in mind.
One of the most standard installations of the theme is much less than 28Kb which is unmatched. Moreover, GeneratePress is coded and structured according to the latest coding standards, it looks very clean as well as structured. Now it is time to give you that special CSS code so that you can give your GeneratePress an even better 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 पसंद आया हो तो – “कमेन्ट जरूर करें |” All types of technology, blogging tips and tricks, Products Review, Youtube tips and gadgets reviews, म्यूजिकल इंस्ट्रूमेंट्स के रिव्यु, और टेक्नोलॉजी से जुडी जानकारी पाने के लिए “tips.sursaritatechknow.com” को जरूर F O L L O W करें |
Thank You For Visit
