7 themes to change the layout of your site when u want.
EI Hotels template has 7 themes ready to use and can be selected directly from the control panel of your template.
Basic CSS Files
/eihotels/css/layout.css (basic file of layout)
//css/layout-rtl.css
/eihotels/css/customize.css (basic file with classes of sections, modules, plug-in and more: pay attention to modify these files)
/eihotels/css/customize-rtl.css
/eihotels/css/horizontal_menu.css (basic file of horizontal menu drop down superfish)
/eihotels/css/horizontal_menu-rtl.css
/eihotels/css/horizontal_menushadow.css (basic file for shadow in horizontal menu drop down superfish)
/eihotels/css/horizontal_menushadow-rtl.css
/eihotels/css/horizontal_mobile.css (basic file mobile version)
/eihotels/css/horizontal_mobile-rtl.css
in these file are definited margin, padding, font-sizes, shadows and other used in all theme of template..
Themes css files
Standard:
Is the default theme. The file used in this theme are:
/eihotels/css/standard/standard.css (file of style)
/eihotels/css/standard/standard-rtl.css
/eihotels/css/standard/horizontal_menuarrow.css (file to magae the arrow in horizontal drop down menu)
/eihotels/css/standard/horizontal_menuarrow-rtl.css
/eihotels/css/standard/mobile_standard.css (file of style for mobile version)
/eihotels/css/standard//mobile_standard-rtl.css
In these files are definited colors, background-colors, images used in the specific theme of template.
Be sure what are you doing if u wanna modify these files.
Before any changes, copy these these files.
Image folder used in the standard theme and shared with other themes.
/eihotels/css/standard//images/
style1, style2, style3, style5, style5:
/eihotels/css/stylename/stylename.css (file of style)
/eihotels/css/stylename/stylename-rtl.css
/eihotels/css/stylename/horizontal_menuarrow.css (file to magae the arrow in horizontal drop down menu)
/eihotels/css/stylename/horizontal_menuarrow-rtl.css
/eihotels/css/stylename/mobile_stylename.css (file of style for mobile version)
/eihotels/css/stylename//mobile_stylename-rtl.css
where stylename is the name of style (example: /eihotels/css/style1/style1.css )
In these files are definited colors, background-colors, images used in the specific theme of template.
Be sure what are you doing if u wanna modify these files.
Before any changes, copy these these files.
ANy style has an owner image folder with the images used in the style. If u wanna change or add images for a style, insert in this folder your images
/eihotels/css/stylename/images/ (example: /company/css/style1/images/
Custom theme my_css
This a the example theme where u can develop and customizing your theme.
/eihotels/css/my_css/my_css.css (file of style)
/eihotels/css/my_css/my_css-rtl.css
/eihotels/css/my_css/horizontal_menuarrow.css (file to magae the arrow in horizontal drop down menu)
/eihotels/css/my_css/horizontal_menuarrow-rtl.css
/eihotels/css/my_css/mobile_my_css.css (file of style for mobile version)
/eihotels/css/my_css//mobile_my_css-rtl.css
Image folder of my_css theme
/eihotels/css/my_css/images/
Creating your custom theme
To create your custom theme, you can work on my_css theme or better copy and paste the folder my_css with his all content and rename the new folder with a name you want give at your theme (example: /eihotels/css/your_theme_name/) and work on the file are in this folder.
Rename the folder copied and his files. Example:
/eihotels/css/copy_of_my_css/ in /eihotels/css/theme1/
rename all files content with the same name. Example:
/eihotels/css/theme1/my_css.css in /eihotels/css/theme1/theme1.css
/eihotels/css/theme1/my_css-rtl.css in /eihotels/css/theme1/theme1-rtl.css
/eihotels/css/theme1/mobile_my_css.css in /eihotels/css/theme1/mobile_theme1.css
/eihotels/css/theme1//mobile_my_css-rtl.css in /eihotels/css/theme1/mobile_theme1-rtl.css
Define here your font, font-size, colors, background, border and more in these files.
Pay attention to modify the basic css files.
Save your graphic images used in your custom theme in the /eihotels/css/your_theme_name/images/ folder. (example: /eihotels/css/theme1/images/)