Do You know what Steve Jobs says about design?
“Design is not just how it’s looks like and feel like, Design is how it works”.
Steve Jobs
So this article is all about GeneratePress Theme Customization and the best website structure, Google Adsense friendly and SEO friendly. To get Adsense approval quickly, website structure, design, and theme matter a lot.
When a beginner starts their blogging journey, their first investment is domain and hosting. He always ignores a theme that is equally important as hosting and domain.
Then why do beginners not invest in premium themes? I think it’s because of its high price.
Don’t worry. Now you can order premium themes from theme9 at a very low and affordable price. We recommend using Generatepress Premium, which is a very light and AdSense-friendly theme.
Order GeneratePress Customization For Your Website.
If you are looking for the GeneratePress theme customization for your website, then my team can do it for you at a very affordable cost.
Click on the below link to order the same design for @2699 INR.
How to Implement GeneratePress Custom CSS on Your Website
GeneratePress Premium is a very light and Adsense-friendly theme, but this theme does not provide an excellent design for your website.
The official design is standard, but we can modify this from the Additional CSS section.
We have made a premium design for your website using Custom CSS to customize the GeneratePress Theme to a better look and feel with SEO and speed optimization.
This is entirely free. You can copy the custom code from here and paste it into your WordPress.
We take care of every minor error. This design is very light and does not affect your website speed.
Also, Read – Remove #more Keyword from Post URL In GeneratePress premium
By Web Insights
But you should take a backup of your website before applying any customization so that you can upload the previous version of your website if anything happens.
Steps to GeneratePress Theme Customization
- Login to your WordPress dashboard.
- Go to Appearance and click on Customization.
- Under Customization, scroll down, click on Additional CSS, and paste the given CSS code.
- Finally, click on Publish.
- Clear your cache and refresh.
.page-header-image-single .attachment-full{box-shadow:rgba(23,43,99,.3) 0 7px 28px;border-radius:25px; margin-top:-100px;}.comment-respond .comment-reply-title,.widget-title{border-radius:10px;color:#fff!important;box-shadow:rgba(23,43,99,.3) 0 7px 28px;background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%)}.entry-content h2,h3,h4,h5,h6{font-weight:900;padding:0 10px 10px 25px;background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%);border-radius:1px;color:#fff!important;box-shadow:rgba(23,43,99,.3) 0 7px 28px}.entry-content h2{font-size:5px!important}.entry-content h3{font-size:21px!important}.entry-content h4{font-size:17px!important}.entry-content h5{font-size:15px!important}.entry-content h6{font-size:13px!important}.comment-respond .comment-reply-title{padding:10px 10px 10px 25px;font-weight:600;font-size:22px!important}.widget-title{padding:10px;font-weight:500;font-size:18px!important;text-align:center}.sidebar .widget{box-shadow:rgba(23,43,99,.3) 0 6px 18px;border-radius:5px}.sidebar .widget:first-child{background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 50%,#1fa2ff 100%)}.button.light{background-color:#fff;border-radius:50px;font-weight:900;color:#333}.button.light:hover{background:#333;color:#fff}@media (max-width:768px){.post-image-aligned-left .post-image img{margin-top:-20px;border-radius:12px;box-shadow:rgba(23,43,99,.2) 0 7px 28px!important}}@media (min-width:769px){.post-image-aligned-left .post-image img{margin-top:-20px;border-radius:12px;box-shadow:rgba(23,43,99,.2) 0 7px 28px!important}.site-content{display:flex}.inside-right-sidebar{height:100%}.inside-right-sidebar aside:last-child{position:-webkit-stcky;position:sticky;top:100px}}a.read-more.button{background-image:linear-gradient(to right,#1fa2ff 0,#12d8fa 51%,#1fa2ff 100%);font-size:10px;padding:0 25px;text-align:center;transition:.5s;background-size:500% auto;color:#fff;box-shadow:rgba(23,43,99,.3) 0 7px 28px;border-radius:12px}a.read-more.button:hover{background-position:right center;color:#fff;display:none;}blockquote{background:#dcdcdc54;border-left:5px solid #1ea4ff;padding:15px;font-style:inherit;font-size:18px;margin:0 0 1.5em}Video Tutorial GeneratePress Theme Customization And Readymade Design
Watch the below video, where I have shared the features and how to order the design from the theme9 store.
Final Verdict
Thanks for reaching out to this article, where we discussed how to customize the GeneratePress Theme using the custom CSS.
If you like our readymade design, you can order it cheaply from the theme9 store.
Please let me know if you enjoyed this post in the comment section.
Sir footer se theme credit kese remove kare generatepress theme me
If You are using GeneratePress Premium, then Go to Appearance > Customize > Layout > Footer!
That’s it! You, Will, See a Text Box where you need to replace the Existing Credit!
Bro, I cant see it there is no text box…..
You can check my site https://dpforeveryone. com
Great Work!
bhai apka code mis ho geya hai theek karlo
Okay, Thanks for letting me know!
Sir pura code nhi hai apka
Sidebar not sticky what do I do now?
Can You share your website URL So I can check what the issue is?
Yes, the sidebar sticky not working.
Can You share your Website URL So I can go through the issues?
bhai app adsense approval ki service nhn de rahe
archieve page not look like feature image -exceprt like your website. it coming above feature image and below text. how to correct it?
Can You share your website URL So I can check what the issue is?
sir meri site me shi se work ni kar rha, readmore button show ni kar rha and homepage bhi shi se show ni kar rha
You Must Be Doing Something Wrong Watch My Video Again and Do the same. If the problem still exists, then we have a theme setup service (Paid). My Team will set up everything According to you.
Bhai apne GPL plugin use kiye ho kya?
No, I Always use and recommend Original Only!
No, it’s an Original Plugin! It Will be activated with License Key & you will get updates in your WordPress dashboard itself.
Bhai Theme one Time Buy krna hai? and Update Lifetime milta rhy ga ya koi Timelimit hai uski
If you buy for a lifetime, then you will get lifetime updates at one time cost.
First of all Delete old css and then paste it
Hello,
After following your video, I didn’t get the sticky recent post.
Also, I want my widget background color to be white.
Website: https://adityapandey.org/
Can you help?
As I can see sticky Post in the sidebar is working great on your website.
Hi Aditya
Kya ap meri theme edit krne me help karege
email:- Punitdhote@gmail.com
Check your email Please!
sir also make a video how u customize your header and footer
Okay, Mate. Very soon!
how you made the first widget of your side bar and added the buttons then of you elaborate will help me alot thanks
I have written some CSS for that!
anand bhai generatepress theme ko magazine ya newspaper theme jaisa look de sakte hai kya? agarr de sakte hai toh please iske upar ek video banana.
Everything is possible, brother!
I will Try to do the same Very Soon!
Bro how to centre text in mobile view? I use this code, but it not work on my phone:
@media (max-width: 768px) {
*{
text-align: center;
}
}
My website: https://geektechtips.xyz/
As I can see, the texts are already in the center for mobile devices as you have written the codes for max-width: 768px.
Let me know if you need any other help.
Apka Blog Bahit Hi Sunder Hai. Customization Ka Ek Viedeo Send Kare.
Already available on the channel, By the way, you can go with this link to watch the video.
Aap Blog Thumbnail Image Ko Kaise Banate Hai. Ye Image Blog Se Bhi Match Karta Hai. Iska Bhi Ek Video Banao Please
I Use Photoshop To Create Thumbnails and infographics.
WordPress Blog Ke Side Baare Me Categories Ka CSS code Batao , Categories Design Change Kaise Kare ?
Maine bana liya but…. Ye 1.Trending video ke niche jo watch now ka button.
2.recent posts me jo button hain..Oh mere yaha nahi aah raha ..Jo ki maine CSS ko apply kiya
The read more button is not showing on my all posts….what shall I do now?
Hi Brother!
I can’t see the image floating effect on posts as I can see on the Featured images in the Homepage.
Here’s my Blog:
https://themusclyadvisor.com/
Learn more Button Ka Html kya hai ? jo sidebar me hai please tell me
My sidebar latest post ia not sticky ??? My websie https://studyranks.in
Sir My Post Title Font size is very high please Tell me how i can solve this when i open in mobile then it look like very ugly https://studyranks.in/2021/10/notes-of-ch-1-political-theory-an-introduction-class-11th-political-science-ncert/
Hello bro thanks for the codes. But I could not find your color code. Can you please add color code too.
same i didn’t get too
bro, achanak se pura Gp ka theme change ho gya shayad aapki CSS me koi problem aa gai, uski vajha se mobile unstability ka issue bhi aa gya abhi kya kru.
koi aur theme use kar rha to sab theek ho jata lekin jaise he gp install karta sab gadbad
There is no issue with my CSS. You did something wrong. Would you please check and watch the video to configure it properly?
Thanks for giving css.
Welcome, keep visiting 🙂
Sir you can check this my site… https:// parhopk. com
Great work
Hi bro, how are you hope you fine
Check my site. I paste the CSS code which you share.
I did all but read more icon 3d type does not show, so what do I do for this?
This is my site
http://www.pakclubs.com
Regarding
Shahid
You must have Premium Versions of GeneratePress Activated! for this customization.
Hello Sir I have bought theme from your site but here is some issues while viewing from mobile the theme is not responsive footer bar showing and width is adjustable kindly check my website https://thepitpal.com and give a solution
You Must be made some mistake! Please watch the video again.
Thanks!
Hello Anand,
Muje mere website ko customize krna according to my niche kya ap kar skte hai and maine apke service se order krne ka try kiya tha but waha par koi error aa rha hai “method not found” krke and maine contact bhi kiya hai apko.
Yes, my team can help you design your website if you manage to pay our fee /Charges.
Brother, i have applied this code on my website https://fetchsolution.com but, i am unable to stick the recent post sidebar widget.
thanks.
Sir please make a tutorial on generatepress, How to centre content layout with no side bar. I mean post, page, search result page or every page layout centre without sidebar panel.
Very soon!
Yes sir, We also need this tutorial. Centre layout with out sidebars like generatepress release notes page (https://generatepress.com/generatepress-3-1-global-colors-dynamic-typography/)
Very Soon!
I’m also waiting for this, sir. I just want to make simple site and there is not tutorial on this. please make one.
Are bhai apna footer theek kr le
time ki spelling galat likhi hai
Thank you for letting me know!
#Fixed
What is the gradient color code of webinsights’s blog’s read more button,leave a comment box,categories?
Please, give the gradient color code of your blog’s read more button.
Please, sir give the background gradient color.
background-image: linear-gradient(to right, #4CB8C4 0%, #3CD3AD 51%, #4CB8C4 100%);
#keep_visiting
bro can you please my site aiolatest.com homepage design nhi hua
You can hire my team for the same!
Sir meri websites ke jo sidebar me letest post wala hota and archive and category inka tittle blue colour ka nhi show kar rha hai aur thumbnail bhi nhi show ho rha hai letest post me sir solve this problem
For thumbnail please install “Recent Post With Thumbnail Plugin”
Please check my website, how is it?
www. memesview(dot)com
Looks great!
Hii Anand Bhai Aapne bohot supperb work kiya hai..ye css deke…maine aapke.css me kuchh changes krke site design ki hai, lekin usme heading tags (h1, h2, h3, h4, h5, h6) me css add krna bhul gya tha…ab jb mai upwr wale code se css copy krke dal raha hu…to.mera navigation wala gradient bhi ja raha hai…css kaise add kru plz batao bhai… Meri site hai https//www.IndianIdolMarathi.com
Please reply dena…ya mail krna
thank you
check my website looking really good
https://graminnanded.org/
Great work Sir
I also Subscribe Your Youtube Channel
Love From Pakistan
Means A Lot!
Sir how can arrange apps/games in a this (given link) style. They are looking like small icons Help me!
https://drive.google.com/file/d/1-VXmUafK-0ZbJM-xrprdZTsZ8aKk6Gw0/view?usp=drivesdk
Can Not access the above link!
Sir how can ad Breaking news ticker in generatepress theme with out plugin, my site is
https://sarhadkasakshi.com
plz. check my site,
Hello Anand,
Thanks for the article. I have followed you tube video to do the customizations. Looks after this the pagespeed score has been dropped, specially for mobile. Earlier was better. I am also using WPRocket from long time along with generatepress.
Can you please help me. My blog is http://www.cspsprotocol.com
Thanks
wa sir wa tusi tay mra dil jit liay qasam nal love from pakistan
Sir Meri site pe aap ki theme install hai. saari video almost 10 baar dekhi, laiken meri site me side bar waale latest posts show nhi ho rahe. Even mai ne Marketer wagaira b sab use kya. Please help me how to add side bar like recent posts and sidebar advertisements. meri website oceanofapps.net hai. aap ki videos dekh ke sikh raha tha designing.
Please Message Me On Instagram, My Team Will Solve @ Free of cost!
sir, you are great thanx for helping us also I have seen many people who charge for all this kind of work, but you are helping us for free, and seriously I’m very happy after the CSS you gave to us all the best for your future ad just keep helping people
Very Nice Bro….., One que HOW CAN I DELETE RIGHT TOP SIDEBAR That is Legacy page (product Highlight) without interferring CSS Code ?
Go to customizer then sidebar widget and simply remove that widget.
everything is working fine, the button on the search widget on the sidebar showing white. here is the link, (cutepetsblog dot com/) if you can guide I will be very thankful to you.
Also if possible to make one video on how to create a homepage with generate press that would be a big help.
pibupdate. com/ how to implement
please sir , how can i change it from blue color to orange color?
Sir क्या आप मेरी वेबसाइट https://www.shailenders.com
चेक करके बता सकते है
मेरी मेल आईडी shailenders636@gmail.com है
very very nice its very helpful
Hi sir aapne colour code nhi diya please share kare
Sir, can you check my site..?
bd-tech info/
Yes Checked it’s well designed!
sir maine kiya hai but sirf color change hua read more wala ni hua
pls reply asap
also, check, please kitchentimes dot net
Please import the marketer template from the site library!
Check my website
please tell me how to move a recent post layout below and follow the layout above your CSS works properly
tech-crunchs dot com
Sir main ne apk channel Web Insights pe boht c videos watch ki hain ap kafi details se aur boht ziada jaldi samjh m aa jati h apki smjhaai hoi chezain sir apki videos kml hoti hain aisa he content dalty rahye sir kc SEO k bary m backlinks k bary m details se videos laaien please sir Chek my website teleseryeflix(dot)su/
Thank You Sir Ji Nice Information i am Yours And Build My Website
hello sir,
my self jeet from India and I am a student so I cannot able to buy a domain, sir, I request to give me one .com domain for starting my website online
thank you
sir apne blog page ko kaise design karen jis tarah bloggerspassion.com me anil sir ne design kiya, please sir hame bhi bataye.
iss topic par video banaye.
Already we have done this in one of our video.
Hello,
How to change “ONLY” sidebar font size (Not Title Text) without changing body font size of entire site?
I did not get you so please explain more.
Sir pls, check my website 247moneyideas(dot)com
I saw your video and make this.. but not properly. Pls visit and tell me.
You must be missing something, please watch the video again.
You can check my site successpeoplestory(dot)com. Please sir 1 help me my home page post not showing the Read More button.
Sir mene sab kuch try kar liya hai dekh ke aapke videos bhi dekhe hai lekin mujhe iska koi salustion nahi mil raha hai ki kaise thik karu ise sir aap ek baar jarur dekhe please sir
I don’t know what should be the issue but my team can fix it for you if you manage to pay the fee
Sir paiso ki dikkat hai iss liye itne paise nahi hai mere pass sirf mujhe read more button ko open karna tha sirf utna hi uske kitne lagnge ?
Anand bro I think you haven’t made a tutorial on social sharing buttons in WordPress just like sharing buttons on your website (webinsights.in).
No! That buttons are exclusively designed for https://webinsights.in/ Only.
Sir, Thanks for the codes, GeneratePress codes helped me to gain some initial boost to customize and do major changes. I feel happy if you visit my site “LetsExploreTech (dot) com” in your free time to improve my website error.
Sure!
Dear sir, I need your help.
How to add box shadow on every images of blog post?
You will have to code for that…
Add custom CSS targeting the image tag class according to your theme code.
Anand sir maine aapki services me se Gp Premium lifetime ke liye purchase kiya tha, lekin kisi reasons ki wajah se I lost update key, In this situation what can I do and kya aap update key provide karwa skte hai, please help me.
Good job, sir.
you are doing really good work.
this is my website. merejazbaat(dot)in
Great Work!
We make my websites through your video. . good job sir
can I use this theme for my hosting website? hostingdady(dot)com
Yes, You can use it on any website you like.
Sir,
Astra Pro Theme with key lifetime updates price?
Check it on https://theme9.net/
sir, thank you for the tutorial, will you please guide how to remove your photo and credit from the footer.
Go to the customizer, then open the sidebar widget section.
You will find Custom HTML Widget, Finally change the image source.
Please check my website and suggest some perfect match color combinations <3
mateesofty.com
It’s Already looking good!
How to change colour of H1, H2, H3, H4, H5 in different in your CSS.
Sir, Can You Check My Website CSS Issue americatimes.xyz
please look my site i have customize through your css code
same design of my website – techs4best.in
Sir how much will it cost you to make exactly SAME website like https://webinsights.in/
Very helpful video sir
Bahut accha css code hai apka
Dil se thank you
Aur ek swal hai
apke jaisa Categories kaise add krenge?
Brother, I’m a big fan of your honest work and the value you provide through your videos. I tried this CSS TOO.. and faced some problems like the H2 content padding was less than H3 and H4. However, I managed to fix that but the read more button is creating an issue as it is vibrating on hover. this is my website link https://shiproarticles.com/. Anand bhai if you have time kindly look into it.
and anand please ek bar dekhiyega.. kyuki sab kuch perfect hai bas ek read more button ka issue hai jo pure site ko hamper kr rha hai… so, please ek bar dekhiyega.
also, please a make on how to create this particular blog page layout in Elementor from scratch.
Sir, you used marketer, but i am using defult one,
I have to swicth to marketer to use your CSS code, Can I change it now?
I already have some posts, will is affect or something?
Sir is site ke jaise kar se customise Karen
https://meraration.in/
how to add a gradient color to the header Menu Buttons
Brother this css good work change my site look here my site https://bitslifeapk.pro/ , thanks
Sir generatepress ya generatepress premium mai video embed Karne par video chapta ho ja rha hai kaise sahe karu bateye na …..
Iframe ko css ki help se height dedo.
For Ex-
iframe{
height:100%!important;
}
or
iframe{
height:300px!important;
}
You can change the height according to your need.