Hi guys,
Your theme is incredible but I’m struggling to add a text on top of any elements? like a layer above that I could move a place wherever I like, horizontaly and verticaly.
My question is : How to add a text block on top on any elements?
Thanks a lot!
Hi,
For this you need to use tagDiv Composer, you need to edit the page -> https://i.imgur.com/c5KjVVq.png most of elements have a custom title -> https://i.imgur.com/73VNNOe.png but in case that the element you are using do not have a custom title you can use the title element -> https://i.imgur.com/50dw7US.png -> https://i.imgur.com/zmu5R9c.png
Hope this will help you!
Thank you!
Hi Calin thanks for your help.
When I mean “above” or “on top” , let’s imagine it as a layer.
Here some examples I made in Photoshop where I have an image with a text on top that I can place anywhere I like :
https://imgur.com/ga9JNfi
https://imgur.com/V8RJIoM
https://imgur.com/BVlsMCx
https://imgur.com/CpwLRUL
https://imgur.com/8b1sfOu
Hopefully these images will make sense.
Please let me know if you have any questions.
Thank you.
Hi,
So you can use a background image on row -> https://i.imgur.com/UzjSYCm.jpg on element -> https://i.imgur.com/lZaBtjA.jpg also there are some elements like text with image or fancy text with image -> https://i.imgur.com/zQPpAB7.png or title over image, image info box -> https://i.imgur.com/ND0ZR9L.png -> https://i.imgur.com/vYdyuAg.png -> https://i.imgur.com/VJcJjBI.png -> https://i.imgur.com/Trwn19C.png I think that the last two examples are the best, also you can use margin top to set a text over an image, but this need to be adjusted per each device.
Thank you!
Thanks Calin,
I think the two last examples are great but only allow me to choose between left, center and right.
How would you place your text where my green box is for example?
https://imgur.com/NU5Cppn
Thanks a lot!
Hi,
You can align the title only left, right and center on vertical and horizontal -> https://i.imgur.com/Xbl2s6N.png if you want a specific place you need to use a custom css like this one -> https://i.imgur.com/CcvsvC4.png
.tds-title-over-image .tdm-title-over-image-info {
position: absolute;
bottom: 75px;
right: 175px;
}
The code will be apply on all title over image elements, if you want to set it individual, you need to set an extra class -> https://i.imgur.com/1A4fPHG.png -> https://i.imgur.com/k63ujCx.png
.my-extra-class .tds-title-over-image .tdm-title-over-image-info {
position: absolute;
bottom: 75px;
right: 175px;
}
The code need to be set in theme panel> custom code> custom css.
Than you for your understanding!
