Residence Header / Menu Options

1.40 Add Listing Form and Button

Starting 1.40.1 theme update the “Submit Property” button was replaced by “Login” button and “Add Listing” button is added. How to enable or remove the new Submit button The new button can be disabled / enabled from header menu from theme options The button will show in top menu area. The button will open a […]

Header type 4- Vertical header

The theme has 5 header types that be be used.  The header type can selected from Theme Options-General-Header Header Type 4 – is vertical – left and open by default Below you can find the steps to set the header type Select type 4: The elements from menu can be edited from admin-Appearance-Menus The vertical […]

Tokyo Menu Background Color

This colors are set with custom css Adapt below css to your needs and edit or add in theme options – design – custom colors – custom css .header_type3_menu_sidebar { background-color: #FF3B3D; } .header_type3_menu_sidebar #access ul.menu>li>a, .header_type3_menu_sidebar #access .menu>li>a i { color: #ffffff; }

How to add icons to main menu (same as in Los Angeles Demo for ex)

For this end result: Follow the below steps. Go to admin – menus – edit menu   Example of Navigation Label You can take other fontawesome icons from our theme list of icons – http://help.wpresidence.net/article/font-awesome/ For the spacing between icon menus we added a custom css solution (which may need to be adjusted to your […]

1.30.3 – Header Image And Parallax Effect

There are 2 global options related to header image. Select header type to be global (all pages, all posts, all properties, all agents, all taxonomies, all archives and categories) and Enable parallax for all header media with image or video   If you wish to use header image only for a specific page / post […]

1.30.3 Video Header option for each Page & Post

The Video Header options shows under Appearance Settings in Edit Page – Edit Post – Edit Agent – Edit Property (* except for when you choose to have full header slider) For the video header you can add self hosted video in mp4, WEBM, OGV versions. You can include a cover image (in case the […]

HOW TO ADD RETINA LOGOS

FOR RETINA LOGOS VERSIONS: To add Retina logo versions for your own logos, create retina logo, add _2x at the end of name of the original file (for ex logo_2x.jpg) and upload it in the same uploads folder as the non retina logo. These are example steps to add the retina logo version for your […]

Add Font Awesome icon to menus

Edit footer menu item from Admin – Menus Add the icon font awesome in the CSS CLASSES element. You can find the CSS class for your icon on the Font Awesome homepage or by using the the cheatsheet. Each is prefixed by “fa-” to differentiate from any other common classes that may already be in […]

How to change Header Type. How to change Logo / Menu position

Header Type is changed from Header Settings For each type you can select different alignment options   \  And for all options you can set header wide – 100% or grid wide (wide as the grid set by default or modified in theme options – general design (http://help.wpresidence.net/2016/09/15/1-17-general-design-settings-grid-width-header-height-and-many-more/ ) These are the links to each […]

Header type 2

Header type  2 can be selected from Theme Options-General-Header-Header type You can chose to place the logo on the LEFT side of the header Place logo in CENTER Or place the logo on the RIGHT side. Header type 2 can be also set to be WIDE (100% screen wide)

Header type 1

Header Type 1 can be selected from Theme Options-General-Header-Header type Header type 1 can be set to have the logo aligned to left   or to right Header type 1 can also be made wide (screen wide) from the Header section in Theme Options as well.  

1.18 Vertical Menu. Header Type 3

To choose Vertical Menu for your installation, first select Header Type from theme options Header type 3 – is vertical – positioned on the right side and closed by default The Login/Register will not be included in the header type 3.  You can add a register/login widget  or shortcode to Sidebar Menu Widget Area (before or […]

Header Type 2 – Center Menu (if no user menu is enabled)

If you use this header combination and you wish to center menu as well, please read further. Select header type 2 with logo centered Below css will align menu in center (use this ONLY if you don’t enable the user menu in header). By default menu is on the left and user menu is on […]

1.17 Main Menu Design

Starting 1.17 update – from Main Menu Design tab you can change colors, font size and hover design Colors managed from this settings area are: Top Menu Font Color Top Menu Hover Font Color Transparent Header – Top Menu Font Color Top Menu Hover Background Color* *this works for Top Menu Hover Type 3 + […]

1.17 General Design Settings: Grid Width, Header Height and many more

Starting theme update v1.17 you have more design options in backend. From theme options  – General Design Settings you can control the following. Main Grid Width in px The entire grid will change in front end, except the half map style page which is by default 100% width because of the special page content/design. You can […]

Header Settings in Theme Options

The header settings are edited in Theme Options – General – Header. What each option does is explained below: Show top bar widget menu? Show user login menu in header ? Global transparent header? Transparent Header will look good if you will choose light colors for menu font. Hence you will need a dark background […]

1.17 Logos & Favicon Settings Updated

How to Add your own logos For default design, the logo must have a maximum height 70 px and the sticky logo must have maximum height 60px. If you add logos with bigger height, they will be automatically resized to this max height. Changing max logo height is done through custom css. See more below.  Standard […]

Mega Menu

To set a Main Menu item as Mega Menu – Check the option as in below screenshot and SAVE How to add background color: To add background color to the mega menu content, use CSS. See example below. Change the color code to your color code. background-color: #fafafa; How to add background image for mega […]

FOOTER MENU

To create the menu go to Appearance -> Menu. Create a new menu and add the links using the panels listed on the left. You can also add a custom link to show in footer: Save It would be placed like this  

MOBILE MENU

To create the menu go to Appearance -> Menu. Create a menu and add the links using the panels listed on the left. You can create different menus for primary menu, footer menu and mobile menu. When the menu is ready go to Manage Locations. Select Primary Menu , Mobile Menu and Footer Menu and […]

Main Menu. Mega Menu

To create the menu go to Appearance -> Menu. Create a menu and add the links using the panels listed on the left. You can create different menus for primary menu, footer menu and mobile menu. When the menu is ready go to Manage Locations. Select Primary Menu , Mobile Menu and Footer Menu and […]

Custom Header Media Options

The theme allows you to set global header for all pages, posts, properties, agents, taxonomies, archive pages. This is managed from Theme Options – Header Settings. Help – http://help.wpresidence.net/article/global-header-options/ Custom Header Media Options For every page you can choose a different header media option from this list: GOOGLE MAPS, REVOLUTION SLIDER, THEME SLIDER, IMAGE, VIDEO  NO HEADER […]