Some custom css Wilcity

Please put the following code to Appearance -> Theme Options -> Advanced Settings -> Custom CSS:

Customize Menu Color

#wilcity-menu .menu-item a {

color: yourcolor;

}

 

Customize Mobile Menu Color

.nav-mobile {

background-color: yourcolor;

}
.nav-mobile .menu-item a{

color: yourcolor;

}

Customize Register Button Color

#wilcity-login-register-controller #wilcity-register-btn {

background-color: yourcolor !important;

color: yourcolor;

}

Customize Login Button Color

#wilcity-login-register-controller #wilcity-login-btn {

background-color: yourcolor !important;

color: yourcolor;

}

Customize Add Listing Button Color

.header-addlisting .wil-btn--primary2 {

background-color: yourcolor;

color: yourcolor;

}

Customize “Claim This Listing” Button

.wilcity-sidebar-item-claim .promo-item_action__pd8hZ .wil-btn {

    color: yourcolor !important ;
background-color: yourcolor !important; }

Become an author

.wilcity-become-an-author .wil-btn--secondary {
    background-color: yourcolor !important;
    color: yourcolor;
}

Footer Background Color:

.footer_module__1uDav {

background-color: red !important;

}

Hide the single listing setting in navigation

To hide this button:

please using this CSS code:

body:not(.admin-bar) .wil-single-nav-listing-settings {
    display: none !important;
}

This code will hide the setting in navigation, but not affect to the admin.

Change Yellow Search Form Color on Search V2

.searchbox_wrap__37JXq .autosuggest__results,
.searchbox_searchInput__2p4ds div[class*=wrap] {
    border-color: red;
/*change border color*/
}

.searchbox_searchButton__1c9iK .wil-btn--primary {
    background-color: red;
/*change background color of the button*/
}

.searchbox_searchButton__1c9iK .wil-btn--primary:after
 {
	border-left-color: red ;
}

div.searchbox_searchButton__1c9iK a.wil-btn.wil-btn--primary.wil-btn--round.wil-btn--md {
		color: white;
/*change color of the search button*/
}

div.searchbox_searchButton__1c9iK > a:hover {
	background-color: red !important;
/*hover color on search button*/
}

Customize “Listing thumbnails” overlay color:

.listing_header__2pt4D>a:before {
    background-color: your-color;
    opacity: your-opacity;
}

Customize Button on Search V2

Changing Color of activating button

.filter_button__lo852.wil-btn–primary {
background-color: red !important;
}

Changing Font-size:

.filter_button__lo852 span {
font-size: 20px !important;
}

Customize Hero Background:

#hero-tab-listing .wil-btn--primary {
   background-color: red !important;
}

Hide Items on Navigation and Dashboard Sidebar

.wilcity-dashboard-item-dashboard {
    display: none !important;
}

.wilcity-dashboard-item-profile {
    display: none !important;
}


.wilcity-dashboard-item-reviews {
    display: none !important;
}

.wilcity-dashboard-item-messages {
    display: none !important;
}

.wilcity-dashboard-item-notifications {
    display: none !important;
}

.wilcity-dashboard-item-billings {
   display: none !important;
}

.wilcity-dashboard-item-favorites {
    display: none !important;
}

.wilcity-dashboard-item-listing {
    display: none !important;
}

If you want to remove a post type from it, please do the following instruction:


.wilcity-dashboard-item-listing {
    display: none !important;
}

listing is post type key. You can find Post Type Key under Wiloke Tools -> Add New Directory Type

Customize Quick Search Form:

Please use the following code to change Text Color and Icon Color:

.header_search__3IFfo .la-search,
.header_search__3IFfo .header_searchText__10VVZ {
    color: red !important;
}

Please use the following code to change background-color:

.header_search__3IFfo {

background-color: green !important;

}

Hide Listing Inbox button on the Listing Sidebar

.wil-listing-inbox {
display: none !important;
}

Customizing Font-size and Color on Hero Search Form

Customizing Search Navigation:

#wilcity-hero-search-form .tab_nav__3YJph { 
    font-size: 20px;
    color: red;
}

Customizing Search Field


#wilcity-hero-search-form .field_label__2eCP7 {
   font-size: 20px;
   color: red;
}

Remove Menu Icon, Menu Title, Menu Description of Group Field, Restaurant Field on Add Listing page

.wil-group-title-icon,
.wil-group-title-desc,
.wil-group-title-wrapper {

display: none;

}

Leave A Comment?