Text Overlay Image

This thread is resolved. Here is a description of the problem and solution.

Problem:
Text Overlay Image

Solution:
You need to add custom CSS to have Text Overlay image.

You can find the proposed solution, in this case, with the following reply:
=> https://toolset.com/forums/topic/text-overlay-image/#post-392401

Relevant Documentation:
=> https://css-tricks.com/text-blocks-over-image/
=> http://www.the-art-of-web.com/css/textoverimage/
=> http://jasonmillerdesign.com/Programming/Overlay_Text_On_Images_With_CSS

This support ticket is created 7 years, 12 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

Sun	Mon	Tue	Wed	Thu	Fri	Sat
-	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	10:00 – 13:00	-
-	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	14:00 – 18:00	-

Supporter timezone: Asia/Kolkata (GMT+05:30)

Tagged: Backend editing, Layouts plugin, Views, Views plugin

This topic contains 2 replies, has 3 voices.

Last updated by rafaelF-3 7 years, 12 months ago.

Assisted by: Minesh.

Author

Posts

April 25, 2016 at 8:39 pm #392302

randiT

I am trying to: display text over image

When I installed the real estate theme I was able to display text over the main (big) image on my apartment post type (IE: hidden link (dot) com/apartment/i-just-love-this-place/)

I currently using this code:

<div class="property-header" style="object-fit=cover">
[types field="chicago-apartments-photos" alt="alt" title="title"][/types]

<container>
<h1><span>[wpv-post-title]</span></h1>
</container>
</div>

with this CSS:

h1 span {
background-color: rgba(240, 240, 240, .7);
padding: .5% 1%; position: absolute;
display: inline-block;
}

I messed things up and have tried for hours to get the h1 text to overlay on the image. HELP!

Thanks so much for your help and support! 🙂

April 26, 2016 at 8:06 am #392401

Minesh

Supporter

Languages: English (English )

Timezone: Asia/Kolkata (GMT+05:30)

Hello. Thank you for contacting the Toolset support.

Could you please try following links of tutorials that will guide you how to set image text overlay.
=> hidden link
=> hidden link
=> hidden link

September 20, 2018 at 1:42 pm #1112266

rafaelF-3

How can I see the links? Thank you.

This ticket is now closed. If you're a WPML client and need related help, please open a new support ticket.