DIVI
Default Header
/*——– DEFAULT HEADER ——–*/
#top-menu li.current-menu-item>a {
color: #2EA3F2 !important;
}
#top-menu a {
color: black !important;
}
.mobile_menu_bar:before{
color: black !important;
}
.et_header_style_left .logo_container{
padding: 10px;
}
.container.et_menu_container {
width: 100%;
}
.et_mobile_menu{
background: #e7ece7;
border-top: 1px solid #2ea3f2;
}
.et-search-form input {
height: 40px;
padding: 5px;
border-radius: 5px;
border: 1px solid #9c9191;
background: white;
}
#et_search_icon:hover{
color: blue !important;
}
#et_search_icon{
cursor: pointer;
color: black;
}
header#main-header{
background: #9fe1a8;
top: 32px;
}
/*——– RESPONSIVE ——–*/
@media ( max-width: 770px ) {
}
Default Post Display
/*=========POST SLIDER DESIGN============*/
a.more-link{
transition: .6s;
border-radius: 5px;
font-size: 18px;
color: black;
text-decoration: none;
border: 1px solid black;
padding: 8px 35px;
}
a.more-link:hover{
color: white;
background: black;
}
.post-content-inner{
margin-bottom: 17px;
}
PHP AUTH
PHP CRUD
DIVI Installation
Click Button
DIVI Header and Footer
My Own design
/*——– OWN DESIGN GLOBAL ——–*/
/***************** Header **********************/
.eader-secondc{
display: none !important;
}
.et_pb_column_2_tb_header{
height: 100px !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a{
color: #d6cd75 ;
}
.menu-item-35, .menu-item-2500{
border: 1px solid #ffffff !important;
margin-top: 0px !important;
background: #ffffff !important;
padding-bottom: 5px;
padding-top: 10px;
padding-right: 25px !important;
padding-left: 25px !important;
border-radius: 30px;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item-35 a:hover{
color: #ffffff !important;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li.menu-item-35 a{
color: black !important;
}
.et_pb_menu_0_tb_header.menu-item-10 ul li.current-menu-item a:hover{
color: white !important;
}
.menu-item-35:hover{
background: none !important;
}
.menu-contact1 .et_pb_menu_0_tb_header.et_pb_menu ul li a{
color: black !important;
}
@media ( max-width: 980px ) {
.eader-secondc{
display: flex !important;
}
}
Blog Carousel Plugin
Blog Carousel Library
/*=======DIVI BLOG CAROUSEL==========*/
.dg_bc_title a{
text-decoration: none;
}
.post-meta a{
text-decoration: none;
}
.dgbc_blog_carousel .dgbc_post_item:hover{
transform: translateY(-10px);
}
.dgbc_blog_carousel .dgbc_post_item{
transition: .5s !important;
}