Different Questions : Breadcrumb NavXT? Related Posts ? Header image?

Hi,

I will consider to add direct support for Yoast SEO breadcrumb in a future update.

The YARPP plugin works automatically with the theme (as well as many other popular plugins like Jetpack’s Related Posts), so in my opinion there is no need to propose it in the theme. The plugins that are recommended by the theme require some template modifications in order to integrate it nicely with a theme.

To eliminate the padding around the header logo on mobile devices, please add this custom CSS:

#wrapper .header-logo {display: block; float: left !important; margin: 0 !important;}
#wrapper .header-content-wrapper {padding: 0 !important;}
#wrapper .header-content {padding: 0 !important; width: 100% !important; max-width: 100% !important;}

I am sorry, but I am not considering to remove the padding around the logo by default, because there is the standard Header Image option (under “Appearance > Header”) for the purpose to show a full-width header image. The logo option is primarily intended for a small picture to replace the Site Title.

Best regards,
Tomas Toman

Hi,

Hello
Thank you for responding so quickly.

-I understand that plugins require changes to the theme, that’s why I tell myself that Yoast SEO being more popular than BreadCrumb NavXT, need to better adapt the theme for Yoast SEO for Breadcrumb NavXT, I just my opinion.

-I saw the YARPP plugin works with the theme, I was thinking more to have a code for the theme, which give the correct size for the theme thumbnails.
You see there the thumbnails appear tight
https://er.v.free.fr/index.php/florent-pagny-8eme-merveille/

Why not indicate on the form of the theme,
https://fr.www.ads-software.com/themes/happenstance/
compatible with the plugins: YARPP, Jetpack,…
I find your theme very well, it should interest many people, I’m looking less than popularize it more.

-Thanks for the CSS

-I understand that originally was for a logo, a small image whence the need for the padding, I asked the question in cases where, at the beginning I had put the image in the menu but with the submenu I did not like like this, with the codes it is good thanks again.

Last question, in the “Post Entries Format” options if one chooses “Grid – Masonry” there are 3 grid of items, not possible to have 2 grid of items or to select the number?

Thanks for your reply and congratulations for your theme.

Hi,

thank you for your suggestions, I will consider them for the future updates.

If you would like to have 2 grid of items in the “Grid – Masonry” format, you can achieve it through custom CSS:

body .grid-entry, body #main-content .js-masonry .sticky { width: 50%; }

Best regards,
Tomas Toman

Hi,

Whoa!
First time that a theme author answers site soon!

Excellent thanks the code, thank you very much!

Nice day to you

You are welcome! Have a nice day, too!

Tomas Toman

Hi,
Sorry I searched the documentation for the free version of the theme but I find on your site than the version premium.
https://happenstance.tomastoman.com/wp-content/themes/happenstance-premium/docs/documentation.html
I was looking to see what are the default sizes of the images for Featured images.

To have a better layout, at the level of home page images.
https://er.v.free.fr/

Hi,

the documentation for the free version is accessible through the panel “Appearance > About HappenStance”. The default width for Featured Images is set to 1170 px that corresponds the layout width. The height is calculated automatically to keep the aspect ratio of the original image. If the width is less than 1170 px, then the original image is used.

In the next update, I am going to add a new option that will allow to select the “Thumbnail size” defined in “Settings > Media” for the post thumbnails on the Blog page (and on all other archive pages).

Best regards,
Tomas Toman

Hi,

I have seen documentation in appearance-> About HappenStance
But seeing the size of 1170 px, I told myself it was for Header image
It seemed too large for an image as a thumbnail to a post.
That’s why I searched on your site.

I thought to find sizes of thumbnails shown as for the Colormag theme.
https://themegrill.com/theme-instruction/colormag/#image-size

Recommended Image sizes
The recommended image sizes for this theme are:-

392px * 272px for the TG: Highlighted Posts widget.
390px * 205px for the TG: Vertical Featured Post widget as well as TG: Featured Posts widget too for first image.
130px * 90px for the TG: Vertical Featured Post widget as well as TG: Featured Posts widget too for images which are from the second one, ie, after the first image.
800px * 445px for the TG: Featured Cat Slider widget as well as for the archive pages too.

I’m not a coder, I understood that you had to have thumbnails, the right size, with the specified size.
This will not prevent for example have GTmetrix, a bad line “Serve scaled images”?

Thanks I’ll can be by eventually understand what is “Serve scaled images” and no longer asking silly questions

Best regards.

Hi,

the reason why the Featured Images are that big in the HappenStance theme is because it looks better on high-resolution devices. If the images are compressed to an adequate size (about 100 – 200 kB) before uploading, it shouldn’t significantly slow down the loading time. But as I wrote in my previous reply, I am going to add the possibility to show the Featured Images in the “Thumbnail size” defined in “Settings > Media” in the next update for cases where the original images are too large.

A scaled image is an image that has been resized through CSS (so the size of the original image is different than the size visible in a browser). In fact, images are always scaled (based on the viewport’s width) in modern responsive design. Since version 4.4, WordPress takes a smarter approach to displaying appropriate image sizes on any device using the “srcset” attribute.

Best regards,
Tomas Toman

Hi,

I understand the first part that a high-resolution image, will be of better quality, and you’ll change this in the next update.

But for the part that the image is resized by CSS, I had read that it was a bad method, that should have a 200 x 200 px thumbnail, needed to create a thumbnail of this size, where the codes in functions.php to create thumbnails to the proper size.

// Image size for homepage
add_image_size( 'homepage-post-thumbnail', 200, 200 );

Then in the file for the homepage
<?php the_post_thumbnail( 'homapage-post-thumbnail' ); ?>

Like what I have nothing understood, fortunately it was you the coder, thanks for your answers.
Thank you