1. Zeger
  2. Commercial Templates
  3. Tuesday, 11 September 2012
  4.  Subscribe via email
How do I get the picture as Presence top-2a off the field.
So as in the example above the showcase
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Zeger

To recreate first set your Joomla Editor to CodeMirror (Site -> Global Configuration -> Default Editor). Navigate to Extensions -> Module Manager -> New -> Custom HTML, set your module position to top-2a and add the following code to the Custom Output..

<img src="http://demo.joomla51.com/0091/images/responsive.png" align="left" style="display:block; margin-top:-130px; position:relative; z-index:999;" />
<h1 style="text-align: right;">A Powerfully Responsive Joomla Template Design</h1>
<h4 style="text-align: right;">Adapts beautifully to all your mobile devices </h4>

..where margin-top:-130px; is the vertical displacement of the image. The effect works best with PNG images with a transparent background.

CiarĂ¡n
  1. more than a month ago
  2. Commercial Templates
  3. # 1
Accepted Answer Pending Moderation
0
Votes
Undo
Thanks ciaran ;)
  1. more than a month ago
  2. Commercial Templates
  3. # 2
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters
the trademark holder in the United States and other countries.