How to Create a website with WordPress twenty twenty theme ?
हेलो दोस्तों webs blog में आप सब का स्वागत है , आज इस आर्टिकल में हम देखेंगे जी वर्डप्रेस में हम कैसे वेबसाइट बना सकते है वर्डप्रेस की twenty-twenty थीम के साथ , चलिए बात करते है :-
Table of Contents
How to create a website with wordpress editor
How to Create a website with WordPress twenty-twenty theme ? आप निचे दी गयी वीडियो से स्टेप by स्टेप देख सकते है कैसे हम WordPress की twenty-twenty theme के साथ कैसे वेबसाइट बना सकते है:–
Website Images Download Link:–
Website CSS:–
How to send bulk emails for free?
/*extra Css*/
.singular .entry-header {
padding: 0rem 0;
}
.entry-content > .alignfull {
margin-bottom: 0rem;
margin-top: 0rem;
}
/*logo*/
.site-description {
display: none;
}
/*menu Css*/
ul.primary-menu.reset-list-style li a:hover {
border: 2px solid #05b0ed;
}
ul.primary-menu.reset-list-style li a {
color: #05b0ed;
text-decoration: none;
transition: all 4s ease;
border: 2px solid #fff;
padding: 5px;
}
/*service*/
.service-col {
background-color: #fff;
padding: 25px;
border-radius: 20px;
transition: all 0.5s ease;
border: 2px solid #fff;
}
.service-col:hover {
box-shadow: 2px 5px 20px #777;
border: 2px solid #05b0ed;
}
.service-col:hover h3 {
color: #05b0ed;
}
.service-col:hover .uagb-ifb-button-wrapper a {
color: #fff;
background-color: #05b0ed;
border: 2px solid #05b0ed;
transform: scale(1.1,1.1);
}
/*blog*/
.uagb-post__inner-wrap {
transition: all 0.5s ease;
}
.uagb-post__text {
border: 2px solid #eee;
transition: all 0.5s ease;
border-top: 0px;
}
.uagb-post__inner-wrap img {
transition: all 3s ease;
}
.uagb-post__inner-wrap {
overflow: hidden;
}
.uagb-post__inner-wrap:hover img {
filter: brightness(0.5);
transform: scale(1.1,1.1);
}
ul.blocks-gallery-grid li img {
width: 140px !important;
height: 50px !important;
margin: 0 80px !important;
}
/*footer css*/
.footer-nav-widgets-wrapper.header-footer-group {
background-color: #23242a;
margin-top: 0px;
}
h2.widgettitle {
color: #fff;
margin-top: 0px;
font-size: 27px;
}
h2.widget-title.subheading.heading-size-3 {
color: #fff;
font-size: 27px;
}
.widget.widget_text p {
color: #fff;
font-size: 20px;
}
.column-two {
margin-left: 160px;
}
Functions.php File Code :–
footer-menus-widgets.php File Code :–
dear please share you mail id
Pingback: How To Make A Website Step By Step Using HTML CSS And JavaScript ?
Pingback: How to Create Design a website like My team 11 in html and CSS | Websblog