Avada Theme Tips

Avada Theme Tips

Change Widget Title Css Avada

#sidebar .widget .heading h3 {
font-size: 18px !important;
color: #8496a0 !important;
text-align: left !important;
font-weight: bold !important;
}

To reduce gap under sidebar widgets and the widget titles

#sidebar .widget h3 {
margin-bottom: 0px !important;
}

For gap under the content area slider

#sidebar .widget {
margin-bottom: 10px !important;
}

Change footer area font / border

.footer-area ul li a{
padding:5px 0;
border-bottom: 0px solid #282a2b !important;
display:block;
color:#000000 !important;
}
.footer-area h3{
margin:0 0 28px;
color:#000000;
text-transform:none !important;
font:18px/25px helvetica;
}
.footer-area{
color:#000000 !important;
}
.footer-area{
border-top:5px solid #70a6a4 !important ;
background:#363839;
padding:43px 10px 40px;
color:#8c8989;
position: relative;
}

Remove border / separator from menus

#sidebar .widget_nav_menu li a,#sidebar .widget_categories li a{
color: #333!important;
display: block;
border-bottom: 0px solid #E7E6E6;
padding: 5px 0px 5px 0;
}

 

#sidebar .widget_nav_menu li a:before,#sidebar .widget_categories li a:before,
#sidebar .widget .recentcomments:before,#sidebar .widget_recent_entries li a:before,
#sidebar .widget_archive li a:before,#sidebar .widget_pages li a:before,
#sidebar .widget_links li a:before,.side-nav .arrow:after,
.woocommerce-tabs .tabs a:hover .arrow:after,.woocommerce-tabs .tabs li.active a .arrow:after,
.widget_layered_nav li a:before,.widget_product_categories li a:before{
font-family: FontAwesome !important;
content:’\f054′;
font-size:0px !important;
padding-right:0px !important;
}

Change separator color

.sep-single{height:4px;background-color:#70a6a4 !important;width: 100% ;}

Add border-bottom to menu

#wrapper #nav ul li ul li a, #wrapper #sticky-nav ul li ul li a{
border:0;
border-bottom:5px solid #cc9f2f !important;
}

.header-v4 #small-nav,.header-v5 #small-nav{
border-bottom:5px solid #cc9f2f !important;
}

Change sticky nav link color

.sticky-header #sticky-nav > ul > li a {
color: #2d6869 !important;
}