Single Image stretched

Posted in: Newspaper
Post count: 95

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!

Post count: 20685

Hi,

That will happen if both composers are active. They have a different functionality for the single image, the element will not display properly when both are active. Try to choose one page builder and deactivate the other.

Thanks

Post count: 95

Hi Simion C.!

All my site is build with tagDiv Composer, but some pages need to be use WPBakery Page Builder, please help me to fix this situation without disable tagDiv Composer.

Thanks!

Post count: 20685

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

Post count: 95

I do not use the 2 composers on the same page!

Please help me to find a JS/CSS/PHP fix for this situation, thanks!

I think you can do that…

Post count: 23312

Hello anteidee,

You should provide your website URL and some useful screenshots of the problem so I will be able to provide a more accurate response. I need it so I can investigate it this case.

Thanks.

Post count: 95

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.
Post count: 23312

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.

Post count: 95

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.
Post count: 23312

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.

Post count: 95

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?

Post count: 95

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?

Post count: 23312

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!

Post count: 95

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?

Post count: 23312

Hello tanteidee,

Sorry but please notice that such a plugin has not been tested with the theme and we cannot say for sure if it will work or not as expected with the theme, unfortunately!

Thanks for your understanding!

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