Blog

One click auto install !

One click auto install !

One click sample data installation

Every templatic theme comes with a file called custom.css. That file enables you to fairly easy customize the look of your site. Instead of finding specific css files you can just input the class name and new properties in the custom.css file.

[templatic_msg_box type=”info”] custom.css cannot work if it”s not activated. Activation path differs from theme to theme, here are some pointers on how to activate it [/templatic_msg_box]

Older templatic themes (Specialist, Hospitality, etc):
wp-admin -> Appearance -> Theme options area -> General Settings -> Customize Your Design

templatic eCommerce themes (eMarket, Emporium, E-commerce, etc)
wp-admin -> Shopping Cart -> Design Settings -> General Settings -> Customize Your Design

Newer templatic themes; themes using templatic framework (DailyDeal, Appointment, GeoPlaces, etc)
wp-admin -> Theme Settings -> Basic Settings -> Style and Color Settings -> Use Custom Stylesheet
or
wp-admin -> Theme Settings -> Basic Settings -> General Settings -> Use Custom Stylesheet

Themes powered by Supreme (Nightlife, CoolCart, Catalog, etc)
wp-admin -> Appearance -> Themes -> Customize button -> templatic Theme Settings -> Use custom css

After you activate custom.css you can add your new css classes under Appearance -> Editor -> custom.css (it will be listed under stylesheet files in the bottom right corner). If you prefer editing your files using FTP, you should be able to find custom.css in your theme root folder.

If you already have the correct code you can paste it in the file and hit “Update File”. If you don”t know the name of the class you have to edit you must use Firebug. If you”re new to Firebug be sure to read our Firebug tutorial -> http://localhost/docs/how-to-use-firebug/. Make sure that the code you”re adding/pasting is added below the existing content. In other words, after the */ closing comment tag. If you add your code before that tag it will be commented out and will not work.

For more information about custom.css you can watch the following video tutorial. Please watch the tutorial in full screen mode with HD turned on

Good luck and happy customizing

Villa Rental Theme is Responsive

Villa Rental Theme is Responsive

The all purpose HotelBooking wordpress theme Works pretty well with mobile devices too !

Tutorial on how to customize the design of the theme using Firebug

Firebug is a Mozilla Firefox extension. It allows to view and edit CSS, HTML, and Javascript of any website. It provides some of the best web development tools and is the most popular and powerful tool for web developers. You can change HTML, CSS, text, etc elements of the webpage on the fly, and you can use it for any live website also.

Now let’s learn how to use firebug:

Installing firebug

There are two ways to install firebug

  • Open firefox, go to Tools > Addons > Get Addons and then search for firebug. Now click on Install. Restart firefox after installing
  • Or you can go to getfirebug.com and click on ‘Install Firebug for Firefox’ button.

Using firebug

The short cut key to view the firebug windows is

Use Shortcodes with this theme to make your content look awesome

Use Shortcodes with this theme to make your content look awesome

See all the shortcodes you can use on this page

Gathering blessed likeness after firmament after. Us fill place living thing under behold bring. Give tree void gathering stars brought subdue midst also winged air creeping beginning darkness void Itself his heaven without. Seas earth itself were. She”d cattle shall itself fly fruitful upon and his own, own.

This theme is compatible with templaticatic Shortcodes plugin which offers an array of shortcode options which can be used to make your content talk with the site visitor.

List of shortcodes includes:

[templatic_icons type=”basic”] [LI] Buttons and Progressbars [/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Content Boxes [/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Dropcaps and Column layouts[/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Message Boxes [/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Modal, Tabs and Accordians [/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Multiple Column Galleries[/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Tooltips and Popovers [/LI] [/templatic_icons]

[templatic_icons type=”basic”] [LI] Unordered lists [/LI] [/templatic_icons]

Set your desired image as a background of your site with our Background Image option

Set your desired image as a background of your site with our Background Image option

With Background Image set the image -your willing one, as a background to your site by following simple file selection process!

WordPress Widgets add content and features to your sidebars. Examples are the default widgets that come with WordPress; for post categories, tag clouds, navigation, search, etc. Plugins will often add their own widgets.

Widgets were originally designed to provide a simple and easy-to-use way of giving design and structure control of the WordPress Theme to the user, which is now available on properly “widgetized” WordPress Themes to include the header, footer, and elsewhere in the WordPress design and structure.

Example of the WordPress Widget Panel
Widgets require no code experience or expertise. They can be added, removed, and rearranged on the WordPress Administration Appearance > Widgets panel. The order and placement is set by the WordPress Theme in the functions.php file.
Some WordPress Widgets offer customization and options such as forms to fill out, includes or excludes of data and information, optional images, and other customization features.

The Widgets SubPanel explains how to use the various Widgets that come delivered with WordPress.

Plugins that come bundled with widgets can be found in the WordPress Plugin Directory .
The Widget menu will only appear of your Theme has active widgetized sidebars. If it does, you can add widgets by:

  • Go to Appearance -> Widgets.
  • Choose a Widget and drag it to the sidebar where you wish it to appear. There might be more than one sidebar option, so begin with the first one. Once in place, WordPress automatically updates the Theme.
  • Preview the site. You should find that the “default” sidebar elements are now gone and only the new addition is visible.
  • Return to the Widgets Panel to continue adding Widgets.
  • To arrange the Widgets within the sidebar or Widget area, click and drag it into place.
  • To customize the Widget features, click the down arrow in the upper right corner to expand the Widget’s interface.
  • To save the Widgets customization, click Save.
  • To remove the Widget, click Remove or Delete.
  • If you change WordPress Themes, the Widgets will return to the left side of the page in the Widget Archives or Available Widgets list. You may need to add them again and rearrangement depending upon the Theme’s ability to preserve other Theme’s Widgets.
Make your error page more informative & specific with 404 Page Settings

Make your error page more informative & specific with 404 Page Settings

404 Page Settings By giving the slug name for any page/category/Tags, you can display it on your error page. Slug name is asked when you create any Post Type/Category/Tags. If we leave this field blank then it will be same as the “Name” of that particular post type.

Every Templatic theme comes with a file called custom.css. That file enables you to fairly easy customize the look of your site. Instead of finding specific css files you can just input the class name and new properties in the custom.css file.

[templatic_msg_box type=”info”] custom.css cannot work if it”s not activated. Activation path differs from theme to theme, here are some pointers on how to activate it [/templatic_msg_box]

Older Templatic themes (Specialist, Hospitality, etc):
wp-admin -> Appearance -> Theme options area -> General Settings -> Customize Your Design

Templatic eCommerce themes (eMarket, Emporium, E-commerce, etc)
wp-admin -> Shopping Cart -> Design Settings -> General Settings -> Customize Your Design

Newer Templatic themes; themes using Templatic framework (DailyDeal, Appointment, GeoPlaces, etc)
wp-admin -> Theme Settings -> Basic Settings -> Style and Color Settings -> Use Custom Stylesheet
or
wp-admin -> Theme Settings -> Basic Settings -> General Settings -> Use Custom Stylesheet

Themes powered by Supreme (Nightlife, CoolCart, Catalog, etc)
wp-admin -> Appearance -> Themes -> Customize button -> Templatic Theme Settings -> Use custom.css

After you activate custom.css you can add your new css classes under Appearance -> Editor -> custom.css (it will be listed under stylesheet files in the bottom right corner). If you prefer editing your files using FTP, you should be able to find custom.css in your theme root folder.

If you already have the correct code you can paste it in the file and hit “Update File”. If you don”t know the name of the class you have to edit you must use Firebug. Make sure that the code you are adding/pasting is added below the existing content. In other words, after the */ closing comment tag. If you add your code before that tag it will be commented out and will not work.

For more information about custom.css you can watch the following video tutorial. Please watch the tutorial in full screen mode with HD turned on

Good luck and happy customizing

Secure your site from inhuman registrations using captcha

Secure your site from inhuman registrations using captcha

Captcha : This one will let you show & set the captcha to your contact us page, if you check mark it.

Every Templatic theme comes with a file called custom.css. That file enables you to fairly easy customize the look of your site. Instead of finding specific css files you can just input the class name and new properties in the custom.css file.

[templatic_msg_box type=”info”] custom.css cannot work if it”s not activated. Activation path differs from theme to theme, here are some pointers on how to activate it [/templatic_msg_box]

Older Templatic themes (Specialist, Hospitality, etc):
wp-admin -> Appearance -> Theme options area -> General Settings -> Customize Your Design

Templatic eCommerce themes (eMarket, Emporium, E-commerce, etc)
wp-admin -> Shopping Cart -> Design Settings -> General Settings -> Customize Your Design

Newer Templatic themes; themes using Templatic framework (DailyDeal, Appointment, GeoPlaces, etc)
wp-admin -> Theme Settings -> Basic Settings -> Style and Color Settings -> Use Custom Stylesheet
or
wp-admin -> Theme Settings -> Basic Settings -> General Settings -> Use Custom Stylesheet

Themes powered by Supreme (Nightlife, CoolCart, Catalog, etc)
wp-admin -> Appearance -> Themes -> Customize button -> Templatic Theme Settings -> Use custom css

After you activate custom.css you can add your new css classes under Appearance -> Editor -> custom.css (it will be listed under stylesheet files in the bottom right corner). If you prefer editing your files using FTP, you should be able to find custom.css in your theme root folder.

If you already have the correct code you can paste it in the file and hit “Update File”. If you don”t know the name of the class you have to edit you must use Firebug. If you”re new to Firebug be sure to read our Firebug tutorial -> http://localhost/docs/how-to-use-firebug/. Make sure that the code you”re adding/pasting is added below the existing content. In other words, after the */ closing comment tag. If you add your code before that tag it will be commented out and will not work.

For more information about custom.css you can watch the following video tutorial. Please watch the tutorial in full screen mode with HD turned on

Good luck and happy customizing

UA137814132-7