Hi!
I’m using last theme update and WPBakery Page Builder on a page.
Problem:
If I insert a Single Image with WPBakery Page Builder, this image on the page is displayed stretched.
It is some incompatibility with tagDiv Composer, if I disabled it, no problem.
Can you try to simulate the problem and tell me a solution?
Thanks!
Hi,
It cannot be fixed unfortunately, there will be problems when both are active. The single image or other Visual composer elements or row layouts will be affected negatively in this case. Also if you for example you create a page with one of the composers, then edit it with the other.
We strongly advise that only one of the page builders be used and active.
Thanks
Hi!
I’m working locally…
Put on a new page this code using WPBakery Page Builder and with tagDiv Composer Active (I use it in others pages):
[vc_row][vc_column][vc_single_image image="390" img_size="full"][/vc_column][/vc_row]
Replace the image 390 with your image like a small logo and you se the problem, image stretched, .
-
This reply was modified 8 years by
tanteidee.
Hi,
I need a screen and your website URL so I can take a closer look at it! This is the simple Single Element with options -> https://www.screencast.com/t/1PVNuhMtCx
Thanks.
I’m working locally…
Use the image http://i65.tinypic.com/2btkyu.png
Use WPBakery Page Builder with a page with my code:
[vc_row][vc_column][vc_single_image image="390" img_size="full"][/vc_column][/vc_row]
And you see this http://i64.tinypic.com/n6t6hw.png
tagDiv Composer must be Active.
-
This reply was modified 8 years by
tanteidee.
Hello tanteidee,
Try using only TD Composer shortcodes because if you are using WP Bakery and then load with TD Composer, might appear some errors. Try to recreate all of your page elements with TD Composer page builder and check the results. You can check here -> https://forum.tagdiv.com/visual-composer-tagdiv-composer-transition/
Thanks.
As I said I need to use WPBakery Page Builder on Post and specific Post Type.
Put this code generated with WPBakery Page Builder
[vc_row][vc_column][vc_single_image image="390" img_size="full"][vc_single_image image="390" img_size="full"][/vc_column][/vc_row]
And this CSS Custom code:
.td_single_image_bg {
background-size: auto !important;
}
there is no longer the stretched image but too much space between one image and another, this because if you open the page with tagDiv Composer you see height 100%! How height can be “auto” and not 100% by default? Where is this part of code on CSS or PHP files?
Well… I want to say
…there is no longer the stretched image but too much space between one image and another, this because if you open the page with tagDiv Composer you see Image height: 400! How Image height can be “auto” and not 400 by default? Where is this part of code on CSS or PHP files?
Hello,
If you want to make some changes over this section you should edit the tdc_map.php and vc_single_image.php like this -> https://www.screencast.com/t/EEJFjbPaCO -> https://www.screencast.com/t/FCZwJkoj
Thanks for your understanding!
Thanks! It seems I can get a good result editing vc_single_image.php!
Do you think that if I use this plugin https://wordpress.org/plugins/plugin-load-filter/advanced/ and disable tagDiv Composer only on Post (where I use WPBakery Page Builder), I can encounter problems with other site features, graphic oddities or not?
