Search Results for 'block'

Hello,

Unfortunately this update from such an old version will be like switching to a whole different theme. Lots of things have changed in the meantime.
1)
a. You can turn off the slider animation from the lazyload setting: http://screencast.com/t/1e7GmiXoK3r
b. You can use this custom css to remove it only from the big mkodule:
.td_module_mx9 .td-post-author-name{
display:none!important;
}
c. The images are to blame here, not the grid itself. You need to regenerate your thumbnails using the “force regenerate’ plugin
2) Unfortunately the gallery format was removed so if you have double images n your posts, you will either have to remove the doubles by hand or use post style 5 which does not display the featured image.
3) This is the position of the pagination in the current theme. Please check how it should display on our live demo here: http://demo.tagdiv.com/newspaper/
4) Unfortunately the article titles in modules and blocks can only be changed with css as the theme has no option to change their color. (you can change the active hover color from visual composer block settings as seen on our demo homepage.)
You can use this code to change the titles:
.td_module_wrap .entry-title a{
color:blue!important
}

I hope this helps.
Thank you!

Hello emrahkaranlik,

If you want to have another type of sorting for your posts, you have to change it from Block settings, like this -> http://screencast.com/t/bhnE56iQcdGH The sorting default is by latest. For more information about block settings, please consult our documentation here -> https://forum.tagdiv.com/newsmag-block-settings-tutorial/

Hope this helps!

Thank you for the message!

Hello Sylvester77,

1) If you want to change the header for category section, you have to use a bit of CSS code to do that. Try the code below and add it in Theme panel->Custom CSS area.

The code is ->

.category .td-banner-wrap-full {
background-color:red;
}

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

2)If you want to change the color of the Widgets, please try the code below and add it in Theme panel.

The code is ->

.td_block_widget .block-title span {
color:red!important;
background-color:green!important;
}

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

If is not what you mean, please provide more details about your desired changes so I will be able to provide a more details.

Thank you for the message!

Hello,

If the read more button comes from our theme (included in modules and blocks) then it will get the theme accent color: http://screencast.com/t/ePfRroOi
There is however one exception to this rule on module 15 and the ‘more’ tag from WordPress. This tag will not work anywhere except module 15.
In this case the button comes from wordpress and is not affected by the theme settings. You can use this css to change the text and background color to it:
.td-read-more a, .more-link-wrap a{
background-color: pink!important;
color:red!important;
}
Thanks.

Hello,
If the read more button comes from our theme (included in modules and blocks) then it will get the theme accent color: http://screencast.com/t/ePfRroOi
There is however one exception to this rule on module 15 and the ‘more’ tag from WordPress. This tag will not work anywhere except module 15.
In this case the button commes from wordpress and is not affected by the theme settings. You can use this css to change teh text and background color to it:
.td-read-more a, .more-link-wrap a{
background-color: pink!important;
color:red!important;
}
Thanks.

Hello Luke,
In order to have pagination on the homepage, you need to use a block and add pagination to it. You cannot add pagination between blocks. You can set it up from here: http://screencast.com/t/9SSdbvizcdPz or you can use the latest articles module like so: http://screencast.com/t/x3f3Xbsc
I hope this helps.

Hi,

You can use this css to center it:

@media (max-width: 767px){
.td-header-style-8 .td-header-top-menu {
display: block!important;
width: 116px!important;
margin-left: auto!important;
margin-right: auto!important;
}
}

Thank you!

Hello dwcp,

Please notice that the Whatsup icons are showed only for mobile devices. I suppose that you want to display it for other devices, you have to use a bit of CSS.

The code is ->

@media (min-width: 787px){
.td-social-whatsapp {
display: inline-block !important;
}

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

If is not what you mean, please provide more details about your problem so I will be able to provide a more accurate response.

Thank you!

Hi,

There’s no ideal image size, the modules have thumbs with different aspect ratios and a part of the image may get lost on the cropping process. Anyway the featured image must be at least thumb size used on modules/blocks. You can read more about the featured image size here (it’s from Newsmag documentation but the principles are the same) – https://forum.tagdiv.com/image-size/ You have to do some tests and see what aspect ratio to use, depending what blocks/modules you use most.

Thanks!

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 AlexaB,

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.

Hope this helps!

Thank you for the message!