Search Results for 'image sizes'

Results from the Forum
tecky
Participant
#0

Hello,

I would like to disable the creation of thumbnails of different sizes per image. I want to use only one image per post for every module.

The reason is that i’m having problems with the inode limit from my hosting provider.

inje
tagDiv Member

Hey Catalin,

I imported the Smart App demo and i’ve noticed that in Theme panel => Block Settings => Thumbs on Modules/Blocks, all thumbnail generation are enabled; i’m assuming that for every image i upload, all the enabled sizes will be created.

My question is, which of these sizes are required for SmartApp?

GCordeta
Participant
#0

I can’t edit the contents in one of your custom templates. Like this Single Post Template 35 http://prntscr.com/khfidd Sizes, colors can be edited but no option on how to change the image http://prntscr.com/khfj5a/ The same applies to other templates. Like the smart list template http://prntscr.com/khfjj1, I can just change the type of the list but no options how to edit the image, content and it just picks up a random image in my site. Tried creating a new post, access it via the cloud template and click edit template but it shows the same issue.

I thought it will be like in the install demo section in Newspaper panel when you apply the demo, all the elements will be present and ready to be edited.

ctoweett
tagDiv Member

You can also disable the thumbnail sizes you do not use from here https://www.screencast.com/t/Ihia4bRV. Then install the force regenerate thumbnail plugin to regenerate the theme’s thumbnails. Also, remember to reduce your image size with a plugin like wp smush.

  • This reply was modified 8 years by ctoweett.
Simion C.
tagDiv Staff

Hi,

You can use any image you want, there would be no fixed or recommended sizes. For example the default demo uses this image size
https://demo.tagdiv.com/newspaper/
https://demo.tagdiv.com/newspaper/wp-content/uploads/2016/05/mobile-bg.jpg (845×1334)

Another demo uses a different image size
https://demo.tagdiv.com/newspaper_craft_ideas
https://demo.tagdiv.com/newspaper_craft_ideas/wp-content/uploads/2017/03/3.jpg (667×1000)

Experiment with various image sizes until you get the needed result.

Catalin
tagDiv Staff

Hello syntaxandmotion,

Please notice that our theme uses thumbnails for images which crop them by specific sizes, as you can see here -> https://www.screencast.com/t/Ihia4bRV We recommend to use HD images if you want to achieve good results.

Thanks for your understanding!

tangy
tagDiv Member

It doesn’t seem to work for me.

I am trying to load custom ad 2 starting from the second page. Here is the code I am tried using…

if ($current_page > 1) {
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
}

Here is my smart list 6 page code…

<?php

class td_smart_list_6 extends td_smart_list {

protected $use_pagination = true; // set this to true to use rela pagination on this template

protected function render_before_list_wrap() {
if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$td_class_nr_of_columns = ‘ td-3-columns ‘;
} else {
$td_class_nr_of_columns = ‘ td-2-columns ‘;
}

$buffy = ”;

//wrapper with id for smart list wrapper type 2
$buffy .= ‘<div class=”td_smart_list_6’ . $td_class_nr_of_columns . ‘”>’;

return $buffy;
}

protected function render_list_item($item_array, $current_item_id, $current_item_number, $total_items_number) {
//print_r($item_array);
$buffy = ”;

//creating each slide
$buffy .= ‘<div class=”td-item”>’;
$buffy .= ‘<div class=”td-number-and-title”><h2><span class=”td-sml-current-item-nr”>’ . $current_item_number. ‘</span><span class=”td-sml-current-item-title”>’ . $item_array[‘title’] . ‘</span></h2></div>’;
$buffy .= ‘<div style=”text-align: center; font-size: 10px; margin-bottom: 5px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #e9e9e9;text-align: center; margin-bottom: 12px;”></div><!– Ezoic – TS-SL-728×90 – under_page_title –>
<div id=”ezoic-pub-ad-placeholder-105″>’;
$buffy .= ‘<div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_4’));
$buffy .= “</div></div>”;
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div></div>’;

//get image info
$first_img_all_info = td_util::attachment_get_full_info($item_array[‘first_img_id’]);

//get image link target
$first_img_link_target = $item_array[‘first_img_link_target’];

//image caption
$first_img_caption = $item_array[‘first_img_caption’];

//image type and width – used to retrieve retina image
$image_type = ‘td_696x0’;
$image_width = ‘696’;

if(td_global::$cur_single_template_sidebar_pos == ‘no_sidebar’) {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_1068x0’);
//change image type and width – used to retrieve retina image
$image_type = ‘td_1068x0’;
$image_width = ‘1068’;
} else {
$first_img_info = wp_get_attachment_image_src($item_array[‘first_img_id’], ‘td_696x0’);
}
if (!empty($first_img_info[0])) {

//retina image
$srcset_sizes = td_util::get_srcset_sizes($item_array[‘first_img_id’], $image_type, $image_width, $first_img_info[0]);

// class used by magnific popup
$smart_list_lightbox = ” td-lightbox-enabled”;

// if a custom link is set use it
if (!empty($item_array[‘first_img_link’]) && $first_img_all_info[‘src’] != $item_array[‘first_img_link’]) {
$first_img_all_info[‘src’] = $item_array[‘first_img_link’];

// remove the magnific popup class for custom links
$smart_list_lightbox = “”;
}

$buffy .= ‘
<figure class=”td-slide-smart-list-figure td-slide-smart-list-6’ . $smart_list_lightbox . ‘”>



</figure>
<figcaption class=”td-sml-caption”><div>’ . $first_img_caption . ‘</div></figcaption>
‘;
}

$tds_smart_list_6_title = td_util::get_option(‘tds_smart_list_6_title’);

// ad smart list 6
//$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 6px;”><span style=”color: #666666;”>ADVERTISEMENT</span> </div> <div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 12px;”></div> <!– Ezoic – TS-SL-728×90-2 – under_first_paragraph –>’;
$buffy .= ‘<div class=”adsense”><div id=”ezoic-pub-ad-placeholder-106″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘smart_list_6’, ‘spot_title’ => $tds_smart_list_6_title));
//$buffy .= ‘<div style=”border-top: 1px solid #4DB2EC;text-align: center;color: #56565A; margin-bottom: 8px;”></div>’;
$buffy .= “</div></div></div><!– End Ezoic – TS-SL-728×90-2 – under_first_paragraph –>”;
$buffy .= “<!– google_ad_section_start –>”;

//adding description
if(!empty($item_array[‘description’])) {
$buffy .= ‘<span class=”td-sml-description”>’ . $item_array[‘description’] . ‘</span>’;
}

$buffy .= ‘</div>’;

// render the pagination
$buffy .= “<!– google_ad_section_end –>”;
$buffy .= ”;

$buffy .= ‘<div id=”ads” style=”clear:both;padding-top:15px;”><div style=”float:left;”>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-107″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_5’));
$buffy .= ‘</div></div></div>
<!– End Ezoic – TS-SL-336×280 – bottom_of_page –>’;
$buffy .= ‘<!– Ezoic – TS-SL-336×280-2 – bottom_of_page –>
<div id=”ezoic-pub-ad-placeholder-108″><div class=”adsense”>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_3’));
$buffy .= “</div></div>
<!– End Ezoic – TS-SL-336×280-2 – bottom_of_page –>”;

$buffy .= ‘<div id=”ezoic-pub-ad-placeholder-117″>’;

$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_1’));

$buffy .= ‘</div>’;

// render the pagination
$buffy .= $this->callback_render_pagination();
//$buffy .= $this->callback_render_drop_down_pagination();

$buffy .= ‘<div style=”text-align: center; font-size: 12px; margin-bottom: 2px;”></div><!– Ezoic – TS SL Native Bottom – native_bottom –>
<div id=”ezoic-pub-ad-placeholder-194″>’;
$buffy .= td_global_blocks::get_instance(‘td_block_ad_box’)->render(array(‘spot_id’ => ‘custom_ad_2’));
$buffy .= “</div><!– End Ezoic – TS SL Native Bottom – native_bottom –>”;

return $buffy;
}

protected function render_after_list_wrap() {
$buffy = ”;
$buffy .= ‘</div>’; // /.td_smart_list_6 wrapper with id

return $buffy;
}

}

Simion C.
tagDiv Staff

Hi,

The thumbnails will be cropped center-top, not from the left
https://forum.tagdiv.com/featured-image/
These modules have predefined thumbnail sizes, they cannot be changed.

If none of the modules display the images properly, you could experiment with the cloud category templates
https://forum.tagdiv.com/tagdiv-cloud-library-plugin/
The post loop element used in category pages uses the flex module used in flex blocks
https://demo.tagdiv.com/newspaper/flex-block/
The module has options to change how it looks, maybe you can use those settings to design a module that displays the images better
https://www.screencast.com/t/ABiVG9r70

Thanks

Simion C.
tagDiv Staff

Hi,

1. In the theme panel the thumbnail sizes are mentioned along which element uses them
https://www.screencast.com/t/Bgp6wElkwXd2
It would depend on what elements like blocks/grids you are using. So for example big grids will require bigger original images to be set as featured images.
The thumbnails will also be affected by image aspect ratio
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
The same image will produce different results depending on module.

2. I see you use the Jetpack lazy load, try disabling that and check if the images are displayed properly
https://jetpack.com/support/lazy-images/
The theme already applies a lazy load, so there might be a conflict there
https://www.screencast.com/t/QjSh9cH1eb

4.The embed seems to adapt to the container it is in, it will take 100% of the available space. So the original image you used on Instagram of 460px would be stretched to fill the available space
https://www.screencast.com/t/qNWXlhm8C
So in this case that embed would look best if it was forced to display as auto size and maybe centered
https://www.screencast.com/t/vPobOmY3L

.td-post-content iframe.instagram-media {
width:auto!important;
margin: auto!important;
}

Thanks

mchammy75
tagDiv Member

Thanks for the reply.

1. I didn’t realize that the thumb requires 741px width minimum. Where can I find the minimum or ideal picture image sizes for each element in this theme, so I can adjust accordingly?

3. For the suggestion of plugin conflicts. I’ve heard this suggestion before, but am not using any plugin that’s different than what is recommended in your documentation. Are there any other suggestions? If I can’t using this theme with basic popular plugins, then it’s not useful.

4. Where do I check and change iframe controls of image galleries and instagram posts?

Bogdan B.
tagDiv Staff

Hello,

No, we do not recommend using a child theme unless you plan on code modifications in the php file. that is the one and only scenario a child theme should be used for. You do not need it otherwise.
As for the images, please note that each block uses a different thumbnail to show the images. You can check the different thumb sizes used in our theme here: https://www.screencast.com/t/zH5FMYs9

Thank you!

extraordinarynicci
Participant
#0

Can I ask three questions at the same time please.

I cannot seem to locate the size of image for Style 6 of the post template. What is it?

Do you have a plugin to remove thumbnails from an old theme?

I have a menu with a group of pages. I want to run a sidebar of “pages in this section”. The pages widget is not ideal because by default it includes all pages and allows for excluding pages. Do you have something that does the reverse i.e. specify the IDs of the pages I want listed?

Thanks

mp_batera
Participant
#0

I havent changed the settings for the image size but some are showing full height and some cropped. Is there a reason why? and how can i change?

https://www.awesomescreenshot.com/image/3507753/e612ae67ffaf901cf4b42521f0bd5b41

Simion C.
tagDiv Staff

Hi,

1. You cannot add a menu in the plugin, our AMP plugin does not have a menu at the moment. This design is similar to the website of Yoast SEO which would be leading in SEO solutions
https://yoast.com/social-media-optimization-with-yoast-seo/amp/
There might be a menu in the future.

2. That seems to happen in some cases, we have yet to identify what exactly is causing it. Most users solve it by trying different image formats and sizes. Make some tests if possible, try with other image formats and larger sizes.

Thanks

Alex89
Participant
#0

Hello I have several questions about the Woocommerce!
Question 1: Is it possible that the product pages get images fixed size and they are difiniert in the theme, I am bloggers and bind products from Amazon, but these are imported in different sizes. I want it all to look the same. An adaptation in the template on your side would be nice.
Question 2: Is it planned for the future for the cloud templates to give the possibility to customize the product template?
Even if your theme is addressed to Blogger, an optimization in Woocommerce area would be quite nice.
Greetings Alex

Edward
tagDiv Member

In order to change these images, you will have to do it manually by creating a placeholder image and replacing these thumbnails: https://www.screencast.com/t/B1cSNNXPLv

You have to keep the file name and sizes intact for it to work properly.

mdeleon
Participant
#0

Newsmag is creating 22 copies of each image I upload in several different sizes. I know some sizes are needed for the different thumbnails for blocks, but is there a list of the sizes I absolutely have to have and is there a way to remove the others. I’m running out of disk space on my server. I searched the forum and looked in my functions.php file and the option is not there.

Simion C.
tagDiv Staff

Hi,

The theme will create thumbnails from images, so all those thumbnails would have to be compressed when displayed. The sizes that will be created can be disabled if needed, in the theme panel
https://forum.tagdiv.com/theme-thumbs/
Each module uses a predefined thumbnail which cannot be changed unless code modifications are made.

The new flex blocks are becoming quite popular, because one can use the same block to achieve many results, while also selecting the thumb size
https://demo.tagdiv.com/newspaper/flex-block/
For example this demo homepage is built with one block, the flex block
https://demo.tagdiv.com/newspaper_crypto/

Thanks

Thomas
Participant
#0

Hello
To compress all photo, I use Imagify.
But, in admin, for now all images in Tumbs module/blocks.
But when I put a new photo, Imagify have to many job to compress all resizes images and the server slow.
So I have to deactivate all none use thumbanil.
My question is how to now which ones is use on all the site?
Is there a simple way to obtain the list without searching all the site?
Regards

Soeren91
Participant
#0

When I insert a “block 15” some of the images in the block are different sizes, even though the images I have set as “featured images” are all cropped to 1920×1080. How do I make all the images in the block appear in the same size?

Kind Regards,
Søren

360dhub
tagDiv Member

Thank you for your prompt reply.

We have created these images and have replaced them with file sizes and names intact, as per your instructions. However we are afraid in case there’s a theme update, it will overwrite all images. Is there no other way for putting these images in child theme.

Edward
tagDiv Member

In order to change these images, you will have to do it manually by creating a placeholder image and replacing these thumbnails: https://www.screencast.com/t/B1cSNNXPLv

You have to keep the file name and sizes intact for it to work properly.

Simion C.
tagDiv Staff

Hi,

All the thumbnails that the theme creates are cropped, please check here
https://forum.tagdiv.com/featured-image/
Depending on your original image aspect ratio and the grids/blocks/modules used there will be different results
https://forum.tagdiv.com/thumbnails-vs-featured-image-size/
You can use any featured image size you want, bigger and higher quality images will create better thumbnails.

If you are not satisfied with the featured image when sharing on Facebook, you can set an image of your choosing in Yoast settings for each post
https://www.screencast.com/t/BNZlpmXXbjgm
Also check some Facebook recommendations for the image size
https://support.wix.com/en/article/recommended-facebook-share-image-size
https://louisem.com/3838/facebook-link-thumbnail-image-sizes

Thanks

Simion C.
tagDiv Staff

Hi,

The header has an option to set a background image, in the theme panel
https://www.screencast.com/t/qIaL0Qlj
If you set a general background, the website will be boxed. However the header elements can be forced to full width or predefined sizes
https://www.screencast.com/t/1xco3UWCT
Please correct me if I misunderstand, also mention some more details about the problem and a link to your website if possible.

Thanks

Simion C.
tagDiv Staff

Hi,

It seems that this happens only with your Instagram ID, I tried with other IDs as a test
https://www.screencast.com/t/9jpaUCKpQaT
https://www.screencast.com/t/g0r1a1us
So I believe it is the actual images you upload to Instagram, they are too small. I found some topics you could read
https://colorlib.com/wp/size-of-the-instagram-picture/
https://dustn.tv/instagram-sizes/

I could give you a code to remove that space, something like this
https://www.screencast.com/t/JwkfnwnPtg

.td-instagram-main {
margin-bottom: -38px;
}

Thanks

Viewing 25 results - 626 through 650 (of 1,557 total)