Hello freinds aaj me aap sabhi ke liye plugins laya hu or ese me full install karna sikhaunga aap sab bahut hi aasani se es plugins ko insatall kar paoge.
Sabse pahe apna wordpress login karo
es ke bad plugins par check kare plugins par click karne ke bad choose file ka option aayega.
uske bad file apni select karna hai
file select karne ke bad open par click karna hai uske bad
install par click kar dena.
uske bad active plugins par click karna hai.
active plugins par click karne ke bad aap sabhi ko plugins me jarkar GP Premium ke niche configure ka option milega us par click kana hai.
uske bad modules me jarkar sabhi ko active karn dena hai or uske bad page ko refresh karna hai.
page ko refresh karne ke bad aap dabhi ko site libary par click karni hai.
Site libary par click karne ke bad aapko yaisa dikhega to hume marketer par click karna hai.
uspar click karne ke bad aap sabhi ko get started par click karna hai.
uske bad me import or confirm import ko on karna hai uske bad begin import par click kar dena hai.
ab aapka plugins full hi install ho gaya hai ab aap apni site ko view site par click kar ke dekh sakate ho
CSS Add
ab hum css add karna sikhenge to chale start karte hai.
Appearance par click karne ke bad customize par click karna hai.
uske bad additional CSS par click karna hai.
Uske bad hum es code ko copy kar ke post karna hai uske bad save kar dena hai.
GeneratePress CSS Code – 1:-
/Article Page Design by Sur Sarita Tech/
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
.entry-content h2,h3,h4,h5,h6{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
border-radius:10px;
color:white!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.entry-content h2{
font-size:25px!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;
background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/End of Article Page Design/
/Sidebar Universal/
.widget-title{
padding: 10px 10px;
background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);
border-radius:10px;
font-weight:500;
color:white!important;
font-size:18px!important; text-align:center;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 6px 18px;
border-radius: 5px;
}
.sidebar .widget:first-child {background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);}
.button.light {
background-color: #fff;
border-radius: 50px;
font-weight: 700;
color:#333;
}
.button.light:hover {
background: #333;
color: #fff;
}
/End of sidebar code/
/End of sidebar code/
@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;
}
}
/* Mobile query / @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; } } / 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; } } / Read More button Style / a.read-more.button {background-image: linear-gradient(315deg, #0cbaba 0%, #380036 74%);} a.read-more.button { font-size:14px; padding: 10px 25px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: rgba(23,43,99,.3) 0 7px 28px; border-radius: 120px; } a.read-more.button:hover { background-position: right center; / change the direction of the change here / color: #fff; text-decoration: none; } / Read More button Style */
blockquote {
background: #dcdcdc54;
border-left: 5px solid #1EA4FF;
padding: 15px;
font-style: inherit;
font-size: 18px;
margin: 0 0 1.5em;
}
Here Is 2nd GeneratePress CSS Blue Colour Code –
GeneratePress Theme Customization
GeneratePress CSS Blue Colour Code – 2:-
/Article Page Design by Sur Sarita Tech/
.page-header-image-single .attachment-full{
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
border-radius:25px;
}
.entry-content h2,h3,h4,h5,h6{
font-weight:600;
padding: 10px 10px 10px 25px;
background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);
border-radius:10px;
color:white!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.entry-content h2{
font-size:25px!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;
background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);
border-radius:10px;
font-weight:600;
color:white!important;
font-size:22px!important;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
/End of Article Page Design/
/Sidebar Universal/
.widget-title{
padding: 10px 10px;
background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);
border-radius:10px;
font-weight:500;
color:white!important;
font-size:18px!important; text-align:center;
box-shadow: rgba(23,43,99,.3) 0 7px 28px;
}
.sidebar .widget {
box-shadow: rgba(23,43,99,.3) 0 6px 18px;
border-radius: 5px;
}
.sidebar .widget:first-child {background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);}
.button.light {
background-color: #fff;
border-radius: 50px;
font-weight: 700;
color:#333;
}
.button.light:hover {
background: #333;
color: #fff;
}
/End of sidebar code/
/End of sidebar code/
@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;
}
}
/* Mobile query / @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; } } / 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; } } / Read More button Style / a.read-more.button {background-image: linear-gradient(315deg, #36096d 0%, #37d5d6 74%);} a.read-more.button { font-size:14px; padding: 10px 25px; text-align: center; transition: 0.5s; background-size: 200% auto; color: white; box-shadow: rgba(23,43,99,.3) 0 7px 28px; border-radius: 120px; } a.read-more.button:hover { background-position: right center; / change the direction of the change here / color: #fff; text-decoration: none; } / Read More button Style */
blockquote {
background: #dcdcdc54;
border-left: 5px solid #1EA4FF;
padding: 15px;
font-style: inherit;
font-size: 18px;
margin: 0 0 1.5em;
}
ab aapka website ka full hi design change ho gaya hai agar aap sabhi ko mera artical aachha laga to mera channel ko suport karo thank for you