Search Results for 'composer'

Hello,

Unfortunately our theme was built using a fixed width and all the elements depend on that width. But inspecting your website i saw that only a few images were full width. The rest of the content is in a fixed width container.
We have a few full width options in our theme as well, like a few post styles that use the featured image at full width:
http://demo.tagdiv.com/newspaper/td-post-the-new-screen-savers-the-show-that-launched-video-into-the-stratosphere/
http://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/
And you can also use visual composer to add full width images to your pages like in our travel demo: http://demo.tagdiv.com/newspaper_travel/
In order to achieve this result you can follow this topic: https://forum.tagdiv.com/topic/adding-top-area-like-travel-example/

I hope this helps.
Thank you!

Hi posonty,

For solve your problem, please activate the Full Height Row in Visual Composer, like this: http://screencast.com/t/6w1W2NwNN and do not use the background image because when you use this, the layout of the site will become box.

I hope this helps and let us know how it goes!

Thanks!

Hi xmirz0,

I have tested this plugin on our theme and seems to works fine. Below you can find the steps that you need to follow to work this plugin.
After install, in your widgets area you can see it: http://screencast.com/t/1awc8Nj6rk . For instance, i used a cocacola Instagram id and the plugin gives you a shortcode, like this: http://screencast.com/t/ZdmVHJFdwHH . This shortcode you have to put as you wish in posts, pages, in article editor like this: http://screencast.com/t/SkbvnGMG – http://screencast.com/t/3Z1rTGy26g . Also, if you want to use it on side bar, please follow this: http://screencast.com/t/3RvUnkZKlX0 – http://screencast.com/t/6MaIg6EUzsp and the result should see here: http://screencast.com/t/4NTKUU7H0 .

Before use this plugin, i suggest to clear all active plugin except visual composer because maybe cause an conflict.

I hope this helps and let us know how it goes!

Thank you!

Hello,
The screenshots you presented are visual composer settings but the link you provided is of a post. For posts, the best way to chieve your goal is to change the post template to make the featured image be displayed full width:

http://demo.tagdiv.com/newspaper/td-post-the-new-screen-savers-the-show-that-launched-video-into-the-stratosphere/
http://demo.tagdiv.com/newspaper/td-post-lenovo-details-new-computers-that-could-be-heading-our-way-in-2015/
http://demo.tagdiv.com/newspaper/td-post-2015-awards-all-of-the-best-and-worst-moments-from-the-show/

If you use visual composer on posts and you do not want to use another post template, you can use the full width row, but it will not work with a background image. If a background color or image is set, the website becomes boxed. It will not be able to display VC elements full width.

I hope this helps.
Thank you!

Hello,

I tested the gallery myself and it seems to behave like that even on a WP default theme. The responsiveness and positioning comes from the visual composer plugin. It calculates them based on the image sizes. You will have to use different sizes for your images to fit the screen properly.
I will add this issue on our list of updates and we will try in future versions of our theme to implement a few responsive options for these VC elements.
Sorry for the inconvenience.

Thank you!

Hello,

The image number is for the image i set. I showed you above how to use a single image element in visual composer. Just create a blank page, add a single image element, select your image, apply some settings/styling to it, then enter classic mode and text mode(not visual) and you will see the code for your image.
You can use the same method on posts. The posts have 2 files that correspond for one template. There is the single.php files and the loop-single.php. For this you have to edit the loop files. http://screencast.com/t/Dq6GqnpUBQ3O

Thanks.

Hello,
As you know the plugin just updated an hour ago. We had no time to test it thoroughly, but i did install the new update on my end. I have tested the problems you mentioned right now and everything seems fine. It works as expected.
You can check if it creates conflicts with another plugin. Try the usual disable all plugins except visual composer and SEO and check again.
Thanks.

Hi,

If you want the first thing on the page to be the image, then you need to add your code in the category template files: http://screencast.com/t/Jhqe3L6t

<?php echo do_shortcode('[vc_row][vc_column][vc_single_image image="223" img_size="full" css=".vc_custom_1447858280464{padding-top: 20px !important;padding-bottom: 20px !important;}"][/vc_column][/vc_row]');?>

I just added a few more option to the image in visual composer like full size and padding.
Place it like so: http://screencast.com/t/gH5GgPEb
Just be advised that this will generate the same image on every category that uses this template.

result: http://screencast.com/t/jNBgRk8D

Thanks

• This reply was modified 10 years by Bogdan B..

Hello,

I understand your request now. The example above only placed an image on the category page.
You will need to edit the top post files located here: http://screencast.com/t/5V35g4r7aO
Every file corresponds to a top post style you set from the theme panel: http://screencast.com/t/Koefd7FWIm
The shortcode i used was from a visual composer single image element. You can see visual composer shortcodes in text mode when editing a page. You can add a single image element in visual composer when editing a page and style it as you want: http://screencast.com/t/VBHhKVZuk2Oy -http://screencast.com/t/yv4uWDhsMH
Then after you are done with the image settings, you can enter text edit mode and copy the code created for the image to the files as i have shown you above using do_shortcode. You basically copy and paste a visual composer element which is responsive by default.
But the code will not set the feature image anywhere. It just places an image on the category page.
If you want to set the featured images on all 8000 post, besides the manual version, one thing you might try, if you already have an image “in the post” of some type, use the “auto post thumbnail pro” plugin which will automatically take first image from post (or from external site, if necessary) and then generate thumb and assign as “featured” image in every post.
Unfortunately there is no other option for this. You can maybe find a free plugin to do this as well.
I hope this helps
Thank you!

Hello,
I have checked your website and it seems your pages looses all their styling. Please disable all your pl;ugins except visual composer and revert all minifications css and js. Also clear your cache and purge CDN files if you use it.
Let us know how it goes.
Thank you!

Hello,

Posts already have that option. The featured image does exactly that. Use a post template with a big featured image and you will have the desired effect: http://demo.tagdiv.com/newspaper/td-post-if-you-only-knew-how-much-your-relative-churn-rate-matters/
For the categories, you will need to modify the top post files in order to achieve your goal and you can add a condition to filter your categories and images: https://codex.wordpress.org/Function_Reference/is_category
You can also use a do_shortcode to place you images. For example:
The category number represents the category id. You can get it from here: http://screencast.com/t/OKsDtKVi3G5

<?php
if (is_category(13)) {
echo do_shortcode('[vc_row][vc_column][vc_single_image image="887"][/vc_column][/vc_row]')
}

elseif (is_category(14)){
echo do_shortcode('[vc_row][vc_column][vc_single_image image="886"][/vc_column][/vc_row]')
}
?>

You can add some padding to the image from visual composer from design options in order to make it fit the content.
result:http://screencast.com/t/pHkte6ztxf6t

I hope this helps
Thank you!