Web Development

How to Create a website with WordPress twenty twenty theme ?

हेलो दोस्तों webs blog में आप सब का स्वागत है , आज इस आर्टिकल में हम देखेंगे जी वर्डप्रेस में हम कैसे वेबसाइट बना सकते है वर्डप्रेस की twenty-twenty थीम के साथ , चलिए बात करते है :-

How to Create a website with WordPress twenty twenty theme

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:–

Click Here

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 :–

Click Here

footer-menus-widgets.php File Code :–

Click Here

3 thoughts on “How to Create a website with WordPress twenty twenty theme ?

Leave a Reply to How To Make A Website Step By Step Using HTML CSS And JavaScript ? Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.