Recent
Categories
View Replies (1)

Front page effect on Demo of Presence

0
Votes
Undo
  1. totte.jonsson
    totte.jonsson
  3. Commercial Templates
  4. Friday, 01 May 2015
  5.  Subscribe via email
Hi.
Can any one please explain how to achieve the effect of one image covering another that is present on the demo of the template demo of Presence (See attached image). It seems to cover the Showcase, top1 and top2 module positions. I was thinking of spliting an image in three parts and place it in their respective positions but then there is a problem with margins and padding. How do I get over that?
Greatful for assistance.
/Totte
Responses (1)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hello

This can created by adding some inline styling to your image. The replicate exactly what you see in the template demo you can use the following...


<img border="0" align="left" style="display: block; margin-top: -130px; position:relative; z-index:999;" alt="image" src="http://demo.joomla51.com/0091/images/responsive.png">


The margin-top moves the image up 130px which the position:relative and z-index:999 ensures the image sits above all else.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
  • Page :
  • 1


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