STEP 1: Clone the 'blog' and the 'default' Templates by clicking the plus sign next to their name, name the as you like, eg. hotels-blog, hotels.
[attachment=1:37sumxlz]<!-- ia1 -->clone.png<!-- ia1 -->[/attachment:37sumxlz]
Now inside the folder components/com_flexicontent/templates you have 4 folders: blog, default, hotels, hotels-blog
STEP 2: Add a new position to template hotels for the item view.
--> A. Add a line in file:
hotels/item.xml< --
Code:
<fieldgroups>
<group>subtitle1</group>
...
<group>mypos1</group>
...
<fieldgroups>
--> B. In file:
hotels/item.php< --
copy-paste a block of lines of an existing position and then replace all occurrences of string 'subtitle3' with 'mypos1'. So that you get something like:
[attachment=0:37sumxlz]<!-- ia0 -->itempos.png<!-- ia0 -->[/attachment:37sumxlz]
STEP 3: Now you can add your css in file hotels/css/item.css to shape the position and the fields inside it:
--> the css class for the containing block if mypos1 position is
.mypos1{}
--> the css class for the labels of the fields is class
.mypos1 label.field_firstname {}
.mypos1 label.field_lastname {}
.mypos1 label.field_email {}
--> the css class for the values of the fields is
.mypos1 value.field_firstname {}
.mypos1 value.field_lastname {}
.mypos1 value.field_email {}
A Note:
--> If you want 2 positions to be next to each other or some other fancy styling you have to know css well to do it.
If you need to alter other template views other than item ask me.