Home Web Development How to Create a website with WordPress twenty twenty theme ?

How to Create a website with WordPress twenty twenty theme ?

by websblog
3 comments

हेलो दोस्तों 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

Related Articles

3 comments

ravindra kumar April 28, 2020 - 12:37 pm

dear please share you mail id

Reply
How To Make A Website Step By Step Using HTML CSS And JavaScript ? May 24, 2020 - 11:50 am

[…] How to Create a website with WordPress twenty twenty theme ? […]

Reply
How to Create Design a website like My team 11 in html and CSS | Websblog August 24, 2020 - 7:39 pm

[…] How to Create a website with WordPress twenty twenty theme ? […]

Reply

Leave a Comment

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

This website uses cookies to improve your experience. We'll assume you're ok with this, but you can opt-out if you wish. Accept Read More

Translate Website »