Search Results for 'child theme'

Hello Emil,
I really does not work. The page has content created but upgrade to full-page displays nothing.
Is it because am using the child theme?

• This reply was modified 12 years by jjdiapa.

livingsmarttv,

Yes it is possible to not crop and only scale images. It gets a bit tricky with this theme though because it is set to crop every image(except the featured.)

In the functions.php file, you will find somewhere around line 320:

//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
    add_image_size('featured-image', 700, 0, true);
} else {
    add_image_size('featured-image', 700, 357, true);
}
//the small thumbnails
set_post_thumbnail_size(          100, 65, true );
add_image_size('art-thumb',       100, 65, true);
//small height, 1 col wide
add_image_size('art-wide',        326, 159, true);
//medium height 1 col wide
add_image_size('art-big-1col',    326, 235, true);
//the slides
add_image_size('art-slide-small', 326, 406, true);
add_image_size('art-slide-med',   700, 357, true);
add_image_size('art-slide-big',  1074, 483, true);
//big slider - big image
add_image_size('art-slidebig-main',  745, 483, true);
//the gallery
add_image_size('art-gal',         210, 210, true);

Notice that TagDiv has built in the ability to turn cropping on or off on the featured image based on a setting in the theme panel, but you are asking for all of them.

add_image_size('featured-image', 700, 0, true);

In the line above, it is the ‘0’ argument that tells wordpress to adjust the height based on the aspect ratio of the image after it is scaled. To analyze the code a little more, what is happening with the ‘featured-image’ image size is that if them theme is not set to crop option then the ‘featured-image’ will be scaled to 700px wide and left to be however tall the image is. If you select the crop option, it will be scaled to 700px wide and then cropped to 357px tall.

You would need to look at which block(s) you are using and then determine which module the block is using to tell what image size it is. For example, let’s say your block uses td_module_2.php.

In that file, line 13 reads: <?php echo $this->get_image('art-big-1col'); ?>

If we look above at the functions.php entry, we see: add_image_size('art-big-1col', 326, 235, true); This means that if you upload a 1280×720 image, this will resize it’s width and crop it’s height to 235 pixels. If the scaled down image height is less than 235px tall, then it will scale the height to 235px and crop the width to 326px. This is not what you want. Rather, perhaps something like this: add_image_size('art-big-1col', 326, 0, false); This will take the image and scale to 326px wide and let the height be what it will be.

If you want make these changes so that updates to the theme will not break it, then you need to copy the image size declarations out of the theme’s functions.php file and put them in your child theme’s functions.php file and change the options. You might try something like this:

//featured image
$td_crop_features_image = td_util::get_option('tds_' . 'crop_features_image');
if ($td_crop_features_image == '') {
    add_image_size('featured-image', 700, 0, false);
} else {
    add_image_size('featured-image', 700, 357, false
}
//the small thumbnails
set_post_thumbnail_size(          100, 0, false );
add_image_size('art-thumb',       100, 0, false);
//small height, 1 col wide
add_image_size('art-wide',        326, 0, false);
//medium height 1 col wide
add_image_size('art-big-1col',    326, 0, false);
//the slides
add_image_size('art-slide-small', 326, 0, false);
add_image_size('art-slide-med',   700, 0, false);
add_image_size('art-slide-big',  1074, 0, false);
//big slider - big image
add_image_size('art-slidebig-main',  745, 0, false);
//the gallery
add_image_size('art-gal',         210, 0, false);

By setting all the height arguments to 0, we tell WordPress to always use the full height of an image relative to the horizontal scaling and by changing ‘true’ to ‘false’ we enable ‘soft crop mode’ vs ‘hard crop mode.’ Soft crop mode ensures your images will maintain their aspect and not have any cropping. Note, the 0 setting will make it so that any image uploaded that is not 16×9 aspect will be scaled and output at it’s own aspect ratio. This can break styling, but if you only upload 16×9 images it will be fine.

You would need to either re-build your current thumbnails or upload some new images to see if this fixes your problem(or creates others)

There are lots of gotchas here, and I certainly didn’t give you a definitive answer, but perhaps what I did say will help you figure out what combination of options will solve your problem.

Good luck!

The way this theme handles css is far from straightforward(not that there’s anything wrong with that!) It loads 2 different css files (3 if you have a child theme) as well as inlining a ton of styles from the Theme Panel in the header or footer depending on if you have the td_speed_booster plugin installed.

Depending on your Layout setting in the Theme Panel it will first load one of these files: td-bootstrap.css, td-bootstrap-980-not-resp.css, td-bootstrap-980-responsive.css or td-bootstrap-1170-not-resp.css. These are all compiled by TagDiv manually, using some combination of the Less files found in /Newspaper/includes/wp_booster/external/bootstrap/bootstrap-master/less.

If you have a child theme, it’s style.css will load next.

After that, it will load the theme style.css, which is compiled by TagDiv from the Less files located in /Newspaper/less_files.

The last step is to inline all of the styles that are defined in the Theme Panel. This is handled by 3 files, td_css_buffer.php, td_css_compiler.php and td_css_generator.php which are located in /Newspaper/includes/wp_booster. The td_css_generator.php file is where the Theme Panel option rules are hard-coded, the td_css_generator gets the settings from the Theme Panel and sends them to the compiler which then pushes the compiled styles to the td_css_buffer which writes them in the <head> or to the the td_speed_booster which loads them somewhere between the closing #outer-wrap </div> and </body>.

The theme has an on-the-fly compiler that can be used with the Less files in the less_files directory, you just go into /Newspaper/includes/wp_booster/td_config.php and set the Deploy Mode to dev instead of deploy. This will replace the theme’s style.css with the output of the less compiler.

This is problematic though, because this is only for development and once you have edited your styles, you cannot use that compiler to create a new style.css file to replace the old one(it outputs errors). You have to use a different compiler to get your final css file, because you can’t use the live compiler in production. This also does not affect the bootstrap or the hard-coded Theme Panel styles.

I’m using IDEA13 with the Less plugin and I can compile the main.less into a style.css that replaces the default one just fine, however I have not been able to do the same with the td-bootstrap.css. I need to figure out what magic combination of files in the bootstrap Less files will output the same td-bootstrap.css file that ships with the theme. Perhaps one of the TagDiv guys can shed some light on how that file is compiled?

HI, if memory serves, as with most themes, it writes the new custom CSS into the header of the live page. Put some custom CSS in panel, then check the header section of a post page file to see 🙂

I use a couple of custom CSS things on our sites, only because in some versions of theme and our setup some stuff like the today’s date color setting didn’t work, and I also use Disqus but wanted some more spacing between the banner ad and start of the comments module. Was easy to just put those there than go back to the main css.

In the old days themes would often have a custom.css file to put custom code, particularly with child themes. However, “redirects” of CSS files from child theme kind of made that a fools errand for SEO. (Google doesn’t like the style redirects.)

Common method for any minor custom CSS stuff is to put into the header anyway, after call to main CSS file.

But perhaps Marius,Emil,Etc. may have better answer to that.

• This reply was modified 12 years by simchris.

Emil, can I make this change using the child theme files?

Or should I do in the parent theme files?

Thank you.

It would be would helpful if we could see how users made their “colour” child themes / share colour hex settings or share the settings export.

Its working now which is strange.
I activated the child theme and all appears to be working.

As a side note is their a way to implement ” Font Awesome ” Icons both in the menus and throughtout the site?

SOLVED – Active Newspaper Theme and Deactivate Newspaper-child theme.
Thanks

Hi Marius, breadcrumb functions can’t be replaced with child theme, they are on includes/wp_booster/td_page_generator.php and always it’s incluyed from parent theme, not child, maybe if you include all breadcrumb function in a module (as for get_bread_crumbs) that can be replaced in child would be more useful.

• This reply was modified 12 years by Indeax.