Enter a Module Class Suffix of icon-twitter in the Modules Module Class Suffix parameter field .

Update:

Thanks for being specific, This is A WidgetKit Twitter Module in the sidebar-b Module postion, in List Style and using the Module Class Suffix of style-box color-color1

Update:

Please add a link to your site .

As the contact form. I want to have a form with picture and title link, as attached. Please help me..

The template does not have a Form function, if you want, you can create a Custom HTML Module ( like in the Demo ) and then link it to a form or some other location, this is the code from the Demo in that Module,

<a href="index.php?option=com_content&amp;view=article&amp;id=20&amp;Itemid=66">  
<img class="size-auto align-center" src="images/yootheme/icon_contact.png" height="126" width="126" alt="Contact Icon" />  
<h3 class="module-title">contact</h3>  
</a>

From the above, you can see the HTML link and and image and also how the Title is created. The Demo contact Module uses a Module Class Suffix of style-box color-color2 .

Update:

Are you still having this issue after all this time ?

YOOgards

these images on the title, such as Twitter and contacts, no icon.
Is it possible?

I'm sorry but I don't understand. I put the module in the sidebar-b,-List Style and the Module Class Suffix of style-box-color1 color but the result is not as the picture attached. As the contact form. I want to have a form with picture and title link, as attached. Please help me..

Yes, i wonder this as well!
The design is nice in the demo, but wonder how to reproduce this.

Any help?

Step 1: disable your WYSIWYG editor by choosing 'no text editor' in Joomla settings. Otherwise it will screw up the code.
Step 2: disable the module title.
Step 3: apply module class suffix "style-box color-color1"
Step 4: copy the code that Mustaq already pasted gave to the module:

<a href="index.php?option=com_content&amp;view=article&amp;id=20&amp;Itemid=66">    
<img class="size-auto align-center" src="images/yootheme/icon_contact.png" height="126" width="126" alt="Contact Icon" />    
<h3 class="module-title">contact</h3></a>

Step 5: change the desired values like the link adress.

Done! Busy doing it on my website too.

Hmmm... I'm facing the same issue, but I'm using WordPress - and I don't understand where to put the above mentioned html code to make the bigger bird/twitter icon appear....

http://figu.no

@ Avatar figu Online

Open a new Question.

YOOgards

Hi
I'm facing the same issue - I wast to include an image with the twitter module.
I want to use the Widgetkit Twitter module but it doesn't allow for adding code. The only place to affect the appearance is in the Module Class suffix. I'm not sure this is answered above.

Same proble with andy.mattock. The only place is the Module Class suffix and i have set it to style-box color-color1.... if i add icon-twitter, i get a small bird on the left top of my module's box. Any ideas on how we can use the big twitter bird as it is on the demo template?

The annoying thing is, is that it's shown on the demo of this theme and yet there's not an answer.