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 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 »