Hi
I’m trying to use 3 columns in a row, with each column having an icon with text below.
However I don’t see any options for this with the tagdiv Composer. Please let me know if there is a way around this.
I have tried adding a row, with 3 columns. Then added the Single Image into the column, but even placing a 60x60px icon, the image gets stretched. There is no way to keep the inserted image to it’s default constraints of 60×60 – the image keep getting stretched to the width of the column.
Placing the text underneath the image is no problem.
Please advise. Thanks
Hi,
You could try some custom code in order to achieve this, as there is no specific composer element for displaying icons, at the moment.
In my example I have used an icon (128×128) like this, and set the height for it
– https://www.screencast.com/t/yEaTLXUX
They will be displayed like this
– https://www.screencast.com/t/iQAMLrizj
But by applying some Css they will look like this
– https://www.screencast.com/t/c8NHR3DDCoXv
This may be somewhat of a solution for doing it, if you cannot find any other solution. This is the code I used, if you decide to use it, enter it in Theme panel->Custom Css. The code applies to all your single image elements, so to make it more specific you can add an extra class just to the single images you want it to apply
– https://www.screencast.com/t/oG3jqZBa1u0
– https://www.screencast.com/t/Epvr2YMTpwL
.vc_single_image a {
background-size: contain;
background-repeat: no-repeat;
}
Please let me know if you need any further help, or have more questions.
Thanks
Thanks – works perfectly.
Quick question on Tagdiv Composer – after composing a page with Tagdiv Composer (started a new blank page), after saving the page, the code for the page still reverts to VC code:
[vc_row full_width=”stretch_row_content td-stretch-content” ….
Am I doing something wrong? Surely this defeats all the hassles of changing over to Tagdiv composer if the code is still based on VC?
Thanks again for the support
Hi,
This is meant to make the transition from Visual composer to the new editor, as smooth as possible. They share some similarities in order to achieve this.
Please check the What’s different section of this topic for more information
– https://forum.tagdiv.com/visual-composer-tagdiv-composer-transition/
In future updates more options and features will be available exclusively for the tagDiv composer.
Thanks
Does this mean we are going to have to rebuild all our pages AGAIN when you do away with Visual Composer?
I don’t see what the point is of rebuilding all of the pages when there is a hybrid code, only to have to redo it again when you fully migrate to the tagdiv Composer?
Hi,
Like I mentioned above, in future updates more elements and features will be added only for the tagDiv composer, not Visual composer. If you use tagDiv composer to build your pages, you will not have to rebuild them again at a later time. They will always be there and you can use them in your website.
The similarities are meant to help the transition between the two editors, once you start using tagDiv composer you will not have to build your pages again.
Thanks
