📓
Ireca Rental WordPress Theme
  • Global
    • Install Ireca Theme
    • Update Theme
      • Auto Update
      • Manual Update
    • Support Theme
  • Basic
    • Theme Options
      • Typography
      • Header
      • Footer
      • Archive/Category Template
      • Product Detail Template
      • Blog
      • Email Sender
      • Google API Settings
      • Layout Global
      • Woocommerce Layout
    • Update Header
    • Update Footer
    • Mail Chimp
    • Contact Form
    • Icon Font
    • Translation
    • Post/Page Settings
    • Multiple Languages
  • Main Features
    • READ THE FIRST
    • Manage Product
    • Manage Category
    • Manage Type
    • Manage Location
    • Manage ID Vehicle
    • Manage Deposit
    • Manage insurance
    • Manage Custom Taxonomy
    • Booking Form
    • Request Booking Form
    • Manage Booking
    • Check Available Vehicle
    • Create Manual a Booking
    • Custom Checkout Fields
    • Shortcodes
    • Create a Shop
    • Setup WooCommerce
    • Customize Template
Powered by GitBook
On this page
  • 1.1 Update Style for Header
  • 1.2 Header Default
  • 1.3 Header Version 1
  • 1.4 Header Version 2
  • 1.5 Header Version 3
  • 1.6 Header Version 4
  • 2: Change Header
  • 3: How to choose a Header for All Pages ?
  • Step 1: Choose header in Global
  • Step 2: Setup All Custom Post Type has header like Step 1
  • Step 3: Choose Header Version: Global in Customizer

Was this helpful?

  1. Basic

Update Header

PreviousWoocommerce LayoutNextUpdate Footer

Last updated 6 months ago

Was this helpful?

  • You can change Style of header in Apperance >> Customize >> Header

  • We are build Header by Widgets, so you can change content of header in Appearance >> Widgets

1.1 Update Style for Header

You can setup in Customize.

1.2 Header Default

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header Default Top Left Widget: Use Custom Html widget with code:

[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /][ovacrs_info icon="icon_mobile" text="002-045-6789" class="" /]

Header Default Top Left Wieget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header Default Cart: Use Custom HTML widget with code

[ovacrs_mini_cart /]

1.3 Header Version 1

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header 1 Top Left Widget: Use Custom HTML widget with code

<span class="header_info">Welcome to iReca - Rent Anything</span>

Header 1 Top Center Widget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header 1 Top Right Widget: Use Custom HTML widget with code

[ovacrs_account login_link="http://demo.ovathemes.com/ireca/wp-login.php?action=login" login_text="Login" register_link="http://demo.ovathemes.com/ireca/wp-login.php?action=register" register_text="Register" show_slash="true" /]

Header 1 Beside Logo Widget: Use Custom HTML widget with code

[ovacrs_info icon="icon_pin_alt" text="Rock St 12, Newyork City, USA" class="" /]
[ovacrs_info icon="icon_mobile" text="236-895-4732" class="box_dotted" /]
[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /] 

Header 1 Cart Widget: Use Custom HTML widget with code

[ovacrs_mini_cart /]

1.4 Header Version 2

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header 2 left Logo widget: Use Custom HTML widget with code

[ovacrs_info2 icon="icon_mobile" heading="Mobile Phone" text="+500 236-895-4732" class="" /]

Header 2 right Logo widget: Use Custom HTML widget with code

[ovacrs_mini_cart style="style2" /]

1.5 Header Version 3

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header 3 Info widget: Use Custom HTML widget with code

[ovacrs_info icon="icon_pin_alt" text="Rock St 12, Newyork City, USA" class="" /]
[ovacrs_info icon="icon_mobile" text="236-895-4732" class="mob_yellow" /]
[ovacrs_info icon="icon_mail_alt" text="ovatheme@gmail.com" class="" /]

Header 3 Cart widget: Use Custom HTML widget with code

[ovacrs_mini_cart /]

Header 3 Search widget: Use Custom HTML widget with code

[ovacrs_search_woo /]

1.6 Header Version 4

Apperance >> Widgets >> Choose a Sidebar/Widget to edit.

Header 4 Phone widget: Use Custom HTML widget with code

[ovacrs_info2 icon="icon_mobile" heading="" text="+500 236-895-4732" class="" /]

Header 4 Social widget: Use Custom HTML widget with code

[ovacrs_social][ovacrs_social_item = icon="social_facebook" link="#" /][ovacrs_social_item = icon="social_twitter" link="#" /][ovacrs_social_item = icon="social_pinterest" link="#" /][ovacrs_social_item = icon="social_googleplus" link="#" /][ovacrs_social_item = icon="social_youtube_circle" link="#" /][ovacrs_social_item = icon="social_dribbble" link="#" /][/ovacrs_social]

Header 4 Cart widget: Use Custom HTML widget with code

[ovacrs_mini_cart style="style3" /]

2: Change Header

Go to Pages >> Choose a page that want to change its header >> Find "General Settings" area, you can choose a Header Verison and other settings (Logo, Color for this page)

3: How to choose a Header for All Pages ?

Step 1: Choose header in Global

Example: Choose "Header 1".

Step 2: Setup All Custom Post Type has header like Step 1

  • Go to Appearance >> Customize >> Rental List >> General Settings >> Choose a header version in "Header Style" setting

  • Go to Appearance >> Customize >> Rental List >> Search Settings >> Choose a header version in "header search version" setting

Step 3: Choose Header Version: Global in Customizer

When create new Page/Post choose Header: global in customizer

Read here
Read here
Header Default at frontend
Header Version 1
Header Version 2
Header Version 3
Header Version 4