Tagdiv Composer – Icons & Text

Posted in: Newspaper
Post count: 28

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

Post count: 20685

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

Post count: 28

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

Post count: 20685

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

Post count: 28

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?

Post count: 20685

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

Post count: 28

Thanks for the feedback.

Viewing 7 posts - 1 through 7 (of 7 total)
You must be logged in to reply to this topic.