Support Forums

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How do I add text and links over the top of an image?

Featured Lock Resolved Issue
Hi

I would like to add text over the top of an image. If I insert an Image AddOn there does not seem to be anyway to then overlay text. If I create a Text AddOn and set background to the image I want to use the height of the AddOn does not adjust to height of background image. I want to achieve something similar to the attached example.

Any help on this topic would be most appreciated.

Thanks
Peter

Attachments (1)

  • pds.jpg
    pds.jpg 124.2 KB

4 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi,
you have at least 3 options:
1) Use Raw HTML addon and put there custom html code maybe also with css with your own layout concept.
2) use additional module which have this feature/appearance
3) Create your own addon, based on one of ours

Samuel Allan

More than a month ago #Permalink
Hi,
you have at least 3 options:
1) Use Raw HTML addon and put there custom html code maybe also with css with your own layout concept.
2) use additional module which have this feature/appearance
3) Create your own addon, based on one of ours


Could you explain "2) use additional module which have this feature/appearance"

Sam

Paul Frankowski - Staff

More than a month ago #Permalink
sure, some modules have nice features (hover animations, text over image etc.)

conshelf

More than a month ago #Permalink
I'm looking for the same feature, would be awesome if there was an option to place the title on top of the image.

I kind of got the look I was going for by using a background image (feature box add-on) under the style section and adding some padding to the title. Bit of a pain to get right, but it sort of works.

Only issue is, the title is the only linkable item vs. the entire box.

Example here:
https://bit.ly/2T5FEpe

+1 vote for new title feature added to the Feature Box Add-on :)

UPDATE: Image Overlay Add-on works well too, only issue is making the entire box linkable. If that's is done that add-on would be perfect. Of course, this is in SP Page Builder 3.3.6, just realized I was in a SPPB 2.0 forum. My apologies.


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 118
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 91
Toufiq

Toufiq

Total Accepted Answers: 32
Pavel

Pavel

Total Accepted Answers: 3
Al Mamun

Al Mamun

Total Accepted Answers: 3

100+

Templates

200,000+

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us