I`m testing the Newspaper-Theme within a localhost-installation and will go online at the end of the week. I was able to configure most of the things and I am happy with the theme. But there is a question about the thumbsize of Big Grid 1 elements.
I`ve managed to edit the thumbsize (height) of Block 5 elements from 324×235 to 324×324 and it worked.
–> td_config.php:
td_api_thumb::add(‘td_324x235’,
array(
‘name’ => ‘td_324x235’,
‘width’ => 324,
‘height’ => 324,
‘crop’ => array(‘center’, ‘top’),
‘post_format_icon_size’ => ‘normal’,
‘used_on’ => array(
‘Module 3, 4, 5, 11, MX3’, ‘Block 1, 5, 6, 13, 17, 20’
),
‘no_image_path’ => td_global::$get_template_directory_uri,
)
);
Then I restarted Apache/MySQL-Services in XAMPP Control Center –> Regenerated Thumbnails with a Plugin. Block 5 elements now appear as a square on my homepage as they should.
I did the same for Big Grid 1 elements and changed them in td_config.php to 265×265 (4 small items right) and 534×534 (1 big item left).
td_api_thumb::add(‘td_265x198’,
array(
‘name’ => ‘td_265x198’,
‘width’ => 265,
‘height’ => 265,
‘crop’ => array(‘center’, ‘top’),
‘post_format_icon_size’ => ‘normal’,
‘used_on’ => array(
‘Big grid 1, 3, 7’
),
‘no_image_path’ => td_global::$get_template_directory_uri,
)
);
td_api_thumb::add(‘td_534x462’,
array(
‘name’ => ‘td_534x462’,
‘width’ => 534,
‘height’ => 534,
‘crop’ => array(‘center’, ‘top’),
‘post_format_icon_size’ => ‘normal’,
‘used_on’ => array(
‘Module 19, Module MX5, MX17’, ‘Big grid 1, 3, 4, 6, 10, 12’
),
‘no_image_path’ => td_global::$get_template_directory_uri,
)
);
Then I regenerated the thumbnails again but nothing changed in my Big Grid 1 on the homepage. The elements still have the default sizes (534×462 and 265×198).
Do I have to take further steps to change the Big Grid 1 Thumbsizes successfully?
Thanks
Hi,
If you have done the modifications in the td_config.php file then the thumb images should look like this in your browser inspector – https://www.screencast.com/t/vB8fmTsfc and here – https://www.screencast.com/t/uKYf5VilfD Now using some css you could change the height of the module – https://www.screencast.com/t/QwSbYjhocQv You can use this code, just enter it in Theme panel->Custom Css
@media (min-width: 767px) {
.td_block_big_grid_1 .td-module-thumb {
height: auto!important;
}}
Result – https://www.screencast.com/t/U1CqMjpq
Thanks
Wow, great support. Thanks, it worked.
Now I have one more question 🙂 How can I reduce the white space/margin between the header and big grid 1 and between big grid 1 and the following block? http://prnt.sc/e93mxb (arrows in screenshot)
Hello, I have no coding knowledge. But I am trying to do my best. Could you pls tell us where you added the codes you wrote above about block 5 on td_config.php file?
Thanks…
I’ve edited the codes in td_config.php file. But this issue is already solved (reply Simion C. above). I’ve asked another question in relation to margin-top/margin-bottom of Big Grid-Elements.
Now I have one more question ? How can I reduce the white space/margin between the header and big grid 1 and between big grid 1 and the following block? http://prnt.sc/e93mxb (arrows in screenshot)
Have you tried to change design options settings of row, column and blocks? if you make the margin top -10 or -20, your big grid could get upper. Maybe you can do same thing for bottom too, you should begin with row design options. you may try to edit block design options to reduce white space beneath big grid.
Hi,
As suggested by tagdivci above, you can set a negative margin top and bottom to the Big grid in the design options tab – https://www.screencast.com/t/T0LWAfVbHn and experiment with different values until you have the desired result.
Thanks
I’ve set margin-top and margin-bottom to -20px and the result is fine. Thanks
