Hello
Can somebody give me hand with adding Article title over featured image to page template in tagdiv composer?
Problem is that Page Title widget in tagdiv composer is not responsive and on the mobile then it looks bad. Any ideas?
Hi,
In order to achieve a title over feature image in post template, the easy way will be to import a simple post template from tagDiv Cloud Library -> https://www.screencast.com/t/t0g2VmoiGxbL also you can edit those templates.
To check the mobile version of post template you can do like this -> https://www.screencast.com/t/hh9XAdyXrUM
Thank you!
Hello
Yes you right it is easy way, but when I already have created my own single post template, it is easier for me to create responsive article title.
There is any way how to create it in tagdiv composer?
Thank you in advance for reply
Hi,
In order to set text over featured image you need to set the featured image on a row and below set other row for title after that set in css -350 margin top -> https://www.screencast.com/t/udAFlNciblVf -> https://www.screencast.com/t/Rbs4rexAC9K
Thank you!
Hi Calin
I was trying to do this before. I achieved what I wanted, but still not responsive on mobile version. Thas the reason why I open this topic.
any ideas?
PC: https://ibb.co/kGdJb0F
Mobile: https://ibb.co/TKLB9xz
Thanks in advance for reply…
Hi,
You need to set the font size on each device
-> https://www.screencast.com/t/OUS5BZ4MPWR
-> https://www.screencast.com/t/k4aD3V88Xo
Hope this will help you!
Thanks!
Its not real responsive because its not adjusting position and size of the article title over the featured image automatically. This causing shifting title up or down from featured image on some mobile devices mainly in cases when title is bit longer than usual
In demo its working perfectly: https://demo.tagdiv.com/newspaper_gossip/2018/08/24/td-post-hms-family-photoshoot-summer-campaign-is-the-sweetest-thing-weve-seen/
Hi,
Please try this way, set a row, set a Single Post Bg Featured Image after that drag a inner row over the Single Post Bg Featured Image -> https://www.screencast.com/t/JU9svBQP click on inner row set the position absolute and align center -> https://www.screencast.com/t/oe29r3seitOE now set the title in inner row -> https://www.screencast.com/t/EA5IyfpCK3
Hope this will help you better!
Thank you!
