Top Header

The top header is the grey part on the menu (image below), we used this section to enter some contact informations.

cv - topheader2

Insert your content in the theme options.

Go to Theme Options > Header > Top Header ( image below ) and insert the following code in their respective fields.

COLOR TOP HEADER

You can choose the color of the top header in the Background dropdown (in this case are setting grey)
If you want to change the color of the icons and written need to do so:

  • first you go in the left and right content, you see the class greydark
  • second you replace greydark you with the colors of the color settings (for red ex: class = “greydark” to class = “red”), and you do it for all greydark which you’ll find in the left and right content

cv - topheader3

Left Content

<h6 class="greydark">
<i class="icon-mail"></i>  <a class="greydark title" href="#">info@camping.com</a>
<span class="greydark2 nicdark_marginright10 nicdark_marginleft10">|</span>
<i class="icon-phone"></i>  <a class="greydark title" href="#">+44 5227653</a>
<span class="greydark2 nicdark_marginright10 nicdark_marginleft10">|</span>
<i class="icon-clock"></i>  9-13  to  14-18
</h6>

Right Content

<h6 class="greydark">
<i class="icon-globe"></i>  <a class="nicdark_outline nicdark_mpopup_window greydark title" href="#nicdark_window_pop_up">CHOOSE LANGUAGES</a>
<span class="greydark2 nicdark_marginright10 nicdark_marginleft10">|</span>
<i class="icon-key"></i>  <a class="greydark title" href="#">REGISTER</a>
<span class="greydark2 nicdark_marginright10 nicdark_marginleft10">|</span>
<i class="icon-lock"></i>  <a class="greydark title" href="#">LOG IN</a>
</h6>

Pop Up Window ( Language Selector )

<div class="nicdark_textevidence nicdark_bg_green ">
   <div class="nicdark_margin20">
      <h4 class="white">LANGUAGES</h4>
   </div>
</div>
<div class="nicdark_padding20 nicdark_display_inlineblock nicdark_width_percentage100 nicdark_sizing">
   <ul class="nicdark_list border">
      <li class="nicdark_border_greydark">
         <p><a class="white" href="#">ENGLISH</a><a href="#" class="nicdark_btn right nicdark_opacity"><i class="white icon-angle-right"></i></a></p>
         <div class="nicdark_space15"></div>
      </li>
      <li class="nicdark_border_greydark">
         <div class="nicdark_space15"></div>
         <p><a class="white" href="#">RUSSIAN</a><a href="#" class="nicdark_btn right nicdark_opacity"><i class="white icon-angle-right"></i></a></p>
         <div class="nicdark_space15"></div>
      </li>
      <li class="nicdark_border_greydark">
         <div class="nicdark_space15"></div>
         <p><a class="white" href="#">ARABIC</a><a href="#" class="nicdark_btn right nicdark_opacity"><i class="white icon-angle-right"></i></a></p>
         <div class="nicdark_space15"></div>
      </li>
      <li class="nicdark_border_greydark">
         <div class="nicdark_space15"></div>
         <p><a class="white" href="#">ITALIAN</a><a href="#" class="nicdark_btn right nicdark_opacity"><i class="white icon-angle-right"></i></a></p>
      </li>
   </ul>
</div>

Copyright 2016 Clean Themes Studio - PI 04892530280