Help please, Text titles in pictures

[leduan1]

Hello,

Can anybody please help me…

I want to have Text titles in pictures using CSS

I want it to to look like http://www.therichest.com has it
my website: http://www.asiancrib.com

Thanks.

[Jerba]

You can achieve this using absolute positioning on a relative element and set the bottom and left value to 0 as seen below:

http://codepen.io/Responsive/pen/ZGPedz?editors=110

[leduan1]

I am amateur at this.. sorry for that..
Do you think you can inspect it on my website and send me the CSS codes please? I would really Appreciate it! Thanks.

[Jerba]

If you click the ‘edit in Codepen’ link on the embedded pen it will give you the source code for the above example, but I’d highly suggest you read through the source code and at least attempt to grasp an understanding of how it’s structured for future reference and to prevent using forums such as this as essentially a coding service.

[leduan1]

I just tried it.. with no change
I’ve been trying a whole day figure out how to do it…
But thanks anyway…

[Jerba]

Make a Codepen Pen of what you currently have and i’ll adapt your code, perhaps that will make it easier for you to understand.

[leduan1]

http://codepen.io/anon/pen/JdzNeM

Thank you for your help.

[leduan1]

I just tried to put the CSS codes into my template, but nothing has changed.. is there something else I missed?
Thank you for your help.

[leduan1]

I have Main Index Page (index.php)
What should I edit there?
Can I send you everything in that index.php?
Thank you again, really appreciate it.

[leduan1]

Would you take a look at it if I give you login, please?
I don’t understand as you do and I really want the text in image thumbnail..
Thank you :)

[Author]

Posts