Joomla Templates Club 406,261 posts

[eagle75au Friend eagle75auJoin date: March 2011Posts: 43Downloads:71Uploads:15 Thanks: 7 Thanked: 1 times in 1 posts]

#205864

Hi,

We have an image on our site (Service request button) which i currently have in a header position. As i would like the size of the image larger, when i try to do this it pushes the top of the site down.

Is it possible to have this image overlay the background so that it doesnt affect the site layout? I would also like to have the image moved down a little so it doesnt sit right below contact us.

I have been told you can do this with css in an absolute position but im not sure how.

http://www.onlinesystemrepairs.com

Please help!

Thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#568698

Hi @eagle75au,

Currently, I see the HTML code for that button is as below :

<p style="text-align: center;">
<a href="/component/aicontactsafe/?view=message&layout=message&pf=1">
<img width="266" height="95" src="/images/stories/button2.png" style="float: right;">
</a>
</p>

and you can change it as below :

<p style="text-align: center; opacity: 0.7; position: relative; top: 10px;">
<a href="/component/aicontactsafe/?view=message&layout=message&pf=1">
<img width="266" height="95" src="/images/stories/button2.png" style="float: right;">
</a>
</p>

Make sure to adjust the opacity and top attribute to suite your need.

[Author]

Posts