SPECIAL OFFER: Only $69 for access to everything in OSTraining for 1 year! You save $75!  1
Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!

Text Over Image

5 years 8 months ago #121936 by Madcockney
Text Over Image was created by Madcockney
I wanted to put some text at the top and over an image (Jpg) on the homepage. I know that this can be done with tables but that is clumsy so I looked for various ways of doing this on the web and found the following article. Forgetting the table way how would you implement this in Joomla to achieve what I want

www.the-art-of-web.com/css/textoverimage/

Please Log in to join the conversation.

5 years 8 months ago #121941 by Valentin
Replied by Valentin on topic Text Over Image
Hi Madcockney,

Use this sample code:
<div style="background:url(path/to/image.jpg); width: 100%; padding: 20px; color:#fff;">
(text to appear over the image goes here)
</div>

Replace path/to/image.jpg with your own and customize width/height and padding properties depending to your needs.

Kind regards,
Valentín

Follow us on Twitter - twitter.com/OSTraining
Like us on Facebook - facebook.com/ostraining

Please Log in to join the conversation.

Join today and get access to 1,000's of books and videos. Learn WordPress, Drupal, Magento, Joomla and more! Sign up today!