NEW HOTEL WORDPRESS THEME

VIEW DEMO

Icons

Our theme is integrated with a icons set that you can find at here.

bk-icons

Social Icon

You can add a simple icon within any html content ( like in the top header, footer..) like this:

 

<i class="icon-code"></i>

 

and if you want to change the color of the icon you can:

  • add our custom color class: yellow, orange, red, violet, blue, green, white, grey
  • add a style with your custom color: style="color:#ffffff". You can choose your hexadecimal color here

if you prefer add an icon with the button effect you can add the icon code like this:

bk-social-icon

<a href="#" class="nicdark_press right nicdark_btn_icon nicdark_bg_blue nicdark_shadow small nicdark_radius white"><i class="icon-twitter-1"></i></a>

 

Where you have to replace the icon code as before and you can set a custom color for each the button and the icon by class or style as before.

Classes used

Here you can find a short list used in the icon button example:

nicdark_btn_icon It define that the component it is a button
nicdark_bg_blue This is the background color of the button ( add the custom color describe above after “nicadark_bg_”
nicdark_shadow It added a shadow
small It defines the size of the button. ( Small > padding 10px; Medium >
nicdark_radius It add a 5px radius to the button
white It is the icon color ( see all custom color class above)
nicdark_press It defines the effect of pressed Hover Button

 

Copyright 2016 Clean Themes Studio - PI 04892530280