Space between Image and Post Heading

Hello srampia,

1) If you want to reduce the space between Image and Post Heading for these kinds of Blocks, you have to use a bit of CSS for each to achieve as you want. Please try the code below and add it in Theme panel->Custom CSS area.

The code for Block 1 is ->

.td_block_1 .td_module_6 .item-details {
margin-left: 105px;
}
.td_block_1 .td_module_4 .td-module-thumb {
margin-bottom:5px;
}

The result is -> http://screencast.com/t/gUqqBDU31H

The code for Block 2 is ->

.td_block_2 .td_module_6 .item-details {
margin-left: 105px;
}
.td_block_2 .td_module_2 .td-module-thumb {
margin-bottom:5px;
}

The result is -> http://screencast.com/t/b4gRVm3Fu

The code for Block 4 is ->

.td_block_4 .td_module_2 .td-module-thumb {
margin-bottom:5px;
}

The result is -> http://screencast.com/t/KmaztW6G8NE

2)If you want to hide the meta info information, you have to use a CSS code to hide it. Try the code below and add in Theme panel->Csutom CSS area.

The code is ->

.td-module-meta-info{
display:none;
}

3)If you want to change the color of Post Heading and Excerps, please try thecode below.

The code is ->

.home .td-excerpt {
color:green;
}
.home .td-module-title a {
color:red;
}

The result -> http://screencast.com/t/Wgcylhm4z

Hope this helps!

Thank you for the message!

Hello srampia,

Unfortunately, I cannot recreate your problem with those white spaces. If you want a more accurate response, please provide your website URL so I can further inspect the issue.

Thank you for your understanding!

Hello srampia,

The problem with block 1 happens due you do not use a correct image in for this kind of thumb, as you can see in this screenshot -> http://screencast.com/t/2hj5uR1b In order to achieve best results, please consult the guide below ->

Our theme uses a lot of predefined thumbnails in blocks and modules. If you check the Theme panel->Block settings area you can see the list with all dimensions of the thumbs wich is used in the theme and which elements -> blocks/modules uses -> http://screencast.com/t/tQuimSer9 If you want to exclude the cropping system wich you have to use the right dimension for your images.

Our theme uses the system of cropping from center to top. The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically, when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in the media file, it’s a thumb cropped from the original image at the precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/
Our theme crop (cut) thumbnails in some cases to avoid creating a lot of thumbnails in order to reduce to load more spaces on the server.
If you don’t have the possibility to upload large images you could use a combination of plugins to upscale the thumbs – Thumbnail Upscale and Force Regenerate.

Also, please try to disable all the active plugins, leave just Visual Composer, clear all cache and install only the plugins that come bundled with our theme and rule out the conflicting plugins.

Hope this helps and let us know how it goes!

Thank you for the message!

Hello srampia,

Please check this -> http://screencast.com/t/yg9GiUHypku and here you can see which are the dimensions of the each thumb which are used in our blocks. For more information about block settings, please consult our documentation here -> https://forum.tagdiv.com/block-settings-tutorial/

Thank you for the message!