chris1030

Thank you for your quick reply (–I am impressed !).

This trick works like a charm. Thanks again.

Christophe

Thank you for your quick feedback, Yann.

I just tried this additional CSS and… it works !!! Wonderful. My stacked galleries are now aligned as expected. Me happy.

Thank you very much. Christophe

Correct me if I wrong, but I think the folder location of the Font Awesome font and css has changed in some theme update.
I believe the fonts and CSS used to be under the folder /fa/ and are now under /assets/fonts/font-awesome/

For example :
– OLD location for the CSS : /fa/css/font-awesome.css
– NEW location for the CSS : /assets/fonts/font-awesome/css/font-awesome.css

This means that if you are using a Child Theme, the enqueue code needs to be adjusted to point to the correct folders.

Here is what I have in my CHILD’s functions.php file to make it work :

add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
  wp_enqueue_style( 'hitchcock_fontawesome', get_template_directory_uri() . '/assets/fonts/font-awesome/css/font-awesome.css' );
}

Correct me if I am wrong, but this does work for me! Hope it works for others too.
Christophe

Hello @idekogel, All,

Issue is now fixed ! Yepee !!
I had posted this same question on the theme’s support forum, and the theme author (Anders Norén) very kindly (and quickly) answered.

Please see this post on Hitchcock support forum (but I suppose this could be adapted to other themes as well).

Christophe

Thank you Anders!,

This indeed fixed my issue, and I am sure this will be useful to other users of your great theme and of this nice plugin (-which I do recommend, by the way).

Thank you for your assistance, and have a great day !
Christophe

Anders,
–I am pretty sure you broke a record !! I posted my question only 3 minutes ago !! ??

Let me update my child theme’s CSS with the above and test. I shall revert soon.

Thanks ! C

Hey Anders!
Thanks for this very quick fix. I have updated my theme this morning, and indeed this seems fixed now. You are wonderful, thanks.

Great day,
Christophe

Forgot to mention that the galleries created by the default Gutenberg Gallery block look fine (see the 1st gallery on my test page). This issue only happens with Masonry Gallery block created by the plugin (seem my 2nd gallery on my test page). Thanks. C

Happy New Year to you All.

—Anders : it worked like a charm, thank you. This is great and will be useful to many users, I am sure.

I am now struggling to get the Gutenberg editor style to match my site style (customized with wider post-inner and different font & font size). I am playing around and will revert in this forum if I don’t manage (in a new post for the sake of clarity and for future reference).

Keep up the great work. Thanks.
Christophe

Whoa !. Thanks for your quick reply, Anders.
I am at work now, but will try later and will keep you all posted.

Playing around with the Firefox Element Explorer, I had indeed figured out that “margin-left: -210px” was the correct figure, but was not too sure under which min-width setting to put it… Am sure the above will help !!! I will try later (probably tomorrow).

-Anders : By the way, a big THANK YOU for your great great themes. The right amount of white space, the well-thought minimalism, I really love them !

-Anders, All : May you all have a wonderful New Year. I wish every users of this forum the very best. May 2019 bring you lots of fun and unforgettable moments with your loved one(s)!

Christophe

Hello Cogdog and All,

I appreciate this question/comment is over a month old, and you seem to have found a workaround.
However, in case anyone is facing the same issue, the solution is (and I think this was discussed here) simply to add the below enqueue code to your Child’s FUNCTIONS.PHP file (see below 2nd wp_enqueue_style line, right after enqueuing the stylesheet). See below :

add_action( 'wp_enqueue_scripts', 'enqueue_child_theme_styles', PHP_INT_MAX);
function enqueue_child_theme_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
  wp_enqueue_style( 'hitchcock_fontawesome', get_template_directory_uri() . '/fa/css/font-awesome.css' );

}

If you use the above, you don’t have to move the /fa folder from its original location.
This works great on my site. I hope this can help someone.
Christophe

• This reply was modified 6 years, 1 month ago by chris1030.
• This reply was modified 6 years, 1 month ago by chris1030.
• This reply was modified 6 years, 1 month ago by chris1030.
• This reply was modified 6 years, 1 month ago by chris1030.

Hello Orygamni,
I realize this post is 3 months old and you have hopefully found a solution in the meantinme, but this may help someone else who has the same question.

I was looking for this exact same behaviour and have managed using the below code :

.post:hover .post-overlay { 
	opacity: 1; 
	background: rgba(0,0,0,0.30);
}

.has-post-thumbnail .post-overlay { 
	background: rgba(0,0,0,0.50);
	opacity: 1; 
}

The key is the opacity: 1 (1 = shows).
Play around with the 2 other figures (I chose 0.30 and 0.50) as these determine how dark the featured image will be (on load, and on hover). Make sure your title is still readable, even with a busy background image.

The above worked well for me. Good luck.
Christophe

PS : as usual, I would recommend your add this code to the style.css file in a child theme (otherwise you will lose your customization at the next theme update…).

Hello. I realize this post is 2 months old and you have hopefully found a solution in the meantinme, but this may help someone else who has the same question.

I was looking for this exact same behaviour and have managed using the below code :

.post:hover .post-overlay { 
	opacity: 1; 
	background: rgba(0,0,0,0.30);
}

.has-post-thumbnail .post-overlay { 
	background: rgba(0,0,0,0.50);
	opacity: 1; 
}

The key is the opacity: 1 (1 = shows).
Play around with the 2 other figures (I chose 0.30 and 0.50) as these determine how dark the featured image will be (on load, and on hover). Make sure your title is still readable…

The above worked well for me. Good luck.
Christophe

PS : as usual, I would recommend your add this code to the style.css file in a child theme (otherwise you will lose your customization at the next theme update…).

• This reply was modified 8 years, 2 months ago by chris1030.

Hello Antoniomc76,
Here is the code In am currently using on my website (under Fukasawa). You will probably want to customise it for your site, but this should get you started :
Christophe

<?php
$prev_post = get_previous_post();
$next_post = get_next_post();
?>
			
<div class="post-navigation">
			
<?php
	if (!empty( $prev_post )): ?>
		<a class="post-nav-prev" title="<?php _e('Previous post', 'fukasawa'); echo ': ' . esc_attr( get_the_title($prev_post) ); ?>" href="<?php echo get_permalink( $prev_post->ID ); ?>">
		<p>&larr; <?php _e('Previous post', 'fukasawa'); ?> <br> <?php echo esc_attr( get_the_title($prev_post) ); ?> </p>
		</a>

	<?php endif; ?>
				 
<?php
	if (!empty( $next_post )): ?>
		<a class="post-nav-next" title="<?php _e('Next post', 'fukasawa'); echo ': ' . esc_attr( get_the_title($next_post) ); ?>" href="<?php echo get_permalink( $next_post->ID ); ?>">
		<p><?php _e('Next post', 'fukasawa'); ?> &rarr; <br> <?php echo esc_attr( get_the_title($next_post) ); ?> </p>
		</a>
	<?php endif; ?>
				
<div class="clear"></div>

</div> <!-- /post-navigation -->

• This reply was modified 8 years, 2 months ago by chris1030. Reason: typo