Search Results for 'td composer'

Hello,

Unfortunately, at the moment the theme does not have an option to customize the mobile version. The desktop version is just adjusted to display correctly on mobile. Maybe in a future version we will be able to implement such options.
If you want to hide the sidebar on mobile you can if you use CSS to customize it. At the moment, on the mobile version the sidebar moves to the bottom of the content.
You can hide it by using this code:
@media (max-width:767px){
.td-main-sidebar{
display:none!important
}
}
This applies if the sidebar is a standard sidebar from the widgets area. If you create your sidebar in visual composer when creating a page and using column layout it will have to be targeted different.
I hope this helps.
Thanks.

Hello matijakurusic,

If you want to change the block title colors for a specific block, you can achieve this thing if you set this option within Visual Composer->Block Settings, like this: http://screencast.com/t/RRb7jeCLDIu . After this, please clear all caches and try it again. If your problem is still there, please send us an email at contact@tagdiv.com and provide your log-in information so we can take a look at your page setup. Please also provide a link to this topic so we know who you are.

For your second request, you can change the font in Theme panel->Theme fonts->Other->News Sticker Title, like this: http://screencast.com/t/pXssS3aJC and for change the font color, please use the code below in your Custom Css area, within Theme panel, like this: http://screencast.com/t/0aJpgH9A

.td-trending-now-wrapper a {
color:red;
}

The result you should see here: http://screencast.com/t/v6o6HFs2W

Hope this helps and let us know how it goes!

Thank you!

Hi mjaffer,

You need to use 2 different custom widget to achieve as you wish. When you create a page, please use Widgetised-this is an Visual Composer element, like this: http://screencast.com/t/oKxNEtdcqqP6 . In sidebar field you can change what kind of widget will be used and then, in Wp panel-Appearance-Widgets you can set this as you wish, like this: http://screencast.com/t/kUOMTYPS . Also, if you want to create a new sidebar, please consult our documentation, here: https://forum.tagdiv.com/sidebars-tutorial/

Hope this helps and let us know how it goes!

Also, thank you @TheMediumUTM!

Hello,

The category tags on modules/blocks cannot be colored from the theme panel. This was a design choice to avoid too many colors on the front page. It can be done with css as Alin suggested above:
http://screencast.com/t/VOkPxAWbnJe
.td_module_wrap .td-post-category {
background-color: #BB391B;
}
Alternatively you can select block color to differentiate a specific category by color as our home page is set up: http://demo.tagdiv.com/newspaper/ same block type, different category, different color. You can do this from block settings in visual composer. You can also use the ajax filter to select sub-categories to display

I hope this helps
Thank you.

Hi servedaily,

Yes, it is possible to display an image in that gray box. You can set this within Theme panel, as background image, like that: http://screencast.com/t/AtlvgnQib and the image will be the full background of the page. In this category style, header container are transparent and practically in this container you can see the background image. http://screencast.com/t/6x3ZUf4ZrQo

Also, another possibility for you, would be to use a bit of Css to make some customization. Please try the code below in your Theme panel->Custom Css area to fix the problem, like this: http://screencast.com/t/gtGlwFvufE

.td-category-header.td-image-gradient-style8 {
background-image: url('enter your URL image');
background-repeat: no-repeat;
}

Note: If you want to follow the above option, please use a background color/image (white color for example).

Every category has an custom class set to it. You can get this class by inspecting the category page with your browser inspector: http://screencast.com/t/5uS8nYlTc6u
For example mine is category 66. So i would add this to the beginning of the code like so:

.category-66 .td-category-header.td-image-gradient-style8 {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/b/b5/Winnersh_Meadows_Trees.jpg');
background-repeat: no-repeat;
}

Now the code will only apply to that specific category. So if you need to use the code for another category you can simply copy and paste it and change the category number and the image.

To achieve custom headers for each category is not a simply task and this things are required custom work. You can use another category_top_posts_style (1,2,3,4,5,7) for each category you have and it is necessary to create some function in php and shortcode composer shortcodes here');?> in order to works fine. http://screencast.com/t/0DIS3Bzfxi

This is a complex task which requires lots of customization and if you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.

Hope this helps!

Thank you for your understanding!

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!

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,

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!

Hello,
You can use this custom css to get it done.

.td-post-content a{
color: #dd9933;
text-decoration:underline;
}
.wpb_text_column a{
color: #dd9933;
text-decoration:underline;
}

For pages i set the code to change the textbox link. If you do not use a visual composer textbox it will not work.

Thank you!

Hi,

I have checked this on my side and did not found any issues – http://screencast.com/t/haFDRCboSOM – http://screencast.com/t/WKNIWWBV4
Please make sure you have added the code properly in td_ajax.php file – http://screencast.com/t/ChkNU6LwP and also check this without any plugins active except the Visual Composer and Easy WP SMTP or other plugin that you use for this. I have checked this using SendGrid.

Thanks!

Hi drsam,

Yes, it is possible. To achieve an sticky sidebar you have to put in Visual Composer (row settings),
in Extra class name, this extra class -> td-ss-row .
Please consult our documentation here: https://forum.tagdiv.com/smart-sidebar-2/

Thanks.